What you were expecting: <a target="_blank" rel="noopener norefer

When 'name' field is null , Autocomplete optionText returns error even though i define inputText about react-admin HOT 2 OPEN

utku656 commented on April 28, 2024 2

When 'name' field is null , Autocomplete optionText returns error even though i define inputText

from react-admin.

Comments (2)

mustafasavul commented on April 28, 2024 1

I had a similar problem and could not solve it. I hope the problem will be solved and I will update.

from react-admin.

fzaninotto commented on April 28, 2024

I'm sorry, I don't understand your issue. Please rephrase and provide a reproduction based on the simple example Codesandbox (https://codesandbox.io/s/github/marmelab/react-admin/tree/master/examples/simple) or on the Storybook for option text element (https://react-admin-storybook.vercel.app/?path=/story/ra-ui-materialui-input-autocompleteinput--option-text-element)

react-admin/packages/ra-ui-materialui/src/input/AutocompleteInput.stories.tsx

Lines 184 to 208 in b6554db

 export const OptionTextElement = () => ( 

 <Wrapper> 

 <AutocompleteInput 

 fullWidth 

 source="author" 

 optionText={<CustomOption />} 

 inputText={record => record.fullName} 

 matchSuggestion={(searchText, record) => { 

 const searchTextLower = searchText.toLowerCase(); 

 const match = 

 record.fullName?.toLowerCase().includes(searchTextLower) || 

 record.language?.toLowerCase().includes(searchTextLower); 

 return match; 

 }} 

 choices={[ 

 { id: 1, fullName: 'Leo Tolstoy', language: 'Russian' }, 

 { id: 2, fullName: 'Victor Hugo', language: 'French' }, 

 { id: 3, fullName: 'William Shakespeare', language: 'English' }, 

 { id: 4, fullName: 'Charles Baudelaire', language: 'French' }, 

 { id: 5, fullName: 'Marcel Proust', language: 'French' }, 

 ]} 

 /> 

 </Wrapper> 

 );

from react-admin.

When 'name' field is null , Autocomplete optionText returns error even though i define inputText about react-admin HOT 2 OPEN

Comments (2)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	export const OptionTextElement = () => (
	<Wrapper>
	<AutocompleteInput
	fullWidth
	source="author"
	optionText={<CustomOption />}
	inputText={record => record.fullName}
	matchSuggestion={(searchText, record) => {
	const searchTextLower = searchText.toLowerCase();
	const match =
	record.fullName?.toLowerCase().includes(searchTextLower) \|\|
	record.language?.toLowerCase().includes(searchTextLower);

	return match;
	}}
	choices={[
	{ id: 1, fullName: 'Leo Tolstoy', language: 'Russian' },
	{ id: 2, fullName: 'Victor Hugo', language: 'French' },
	{ id: 3, fullName: 'William Shakespeare', language: 'English' },
	{ id: 4, fullName: 'Charles Baudelaire', language: 'French' },
	{ id: 5, fullName: 'Marcel Proust', language: 'French' },
	]}
	/>
	</Wrapper>
	);