Добавляйте реквизиты в компонент, только если он имеет связанные свойства, передаваемые вниз - PullRequest
2 голосов
/ 02 мая 2019

У меня есть компонент Select, которому нужен значок, добавляемый в качестве входного украшения, только если он передается от родителя.

<Select
        className={classes.select}
        native
        input={<FilledInput 
            { ...icon && {
                startAdornment={
                <InputAdornment position="start">
                  <AccountCircle />
                </InputAdornment>
            }}}
            className={classes.inputContainer} 
            name={this.props.label} 
            id={this.props.id} />}
        >

Он просто продолжает выдавать неожиданную ошибку токена.Как правильно это сделать?

1 Ответ

1 голос
/ 02 мая 2019

Попробуйте:

<Select
    className={classes.select}
    native
    input={
        <FilledInput 
            {...icon ? {
                startAdornment: (
                <InputAdornment position="start">
                    <AccountCircle />
                </InputAdornment>
                )
            } : {}}
            className={classes.inputContainer} 
            name={this.props.label} 
            id={this.props.id}
        />
    }
>
...