Блог

У меня есть функция, которую я вызываю всякий раз, когда мне нужно разместить текстовые поля пользовательского интерфейса в своем коде. Проблема, с которой я сталкиваюсь, заключается в том, как динамически добавлять ключевое слово «требуется», используя логический параметр, указывающий, требуется ли поле. Что я добавлю в блок «если»?

 function Textfield(name, label, required) {
      if(required){

      }
      else{
        
      }
      return (
        <Grid item>
          <TextField 
            id={name} fullWidth label={label}
            />
        </Grid>
      );
    }
 

Я полагаю, вы имеете в виду <TextField required ... против <TextField ... ?

required Реквизит является логическим реквизитом, просто добавление required в качестве атрибута является псевдонимом require={true} . Поэтому вы можете использовать обычный синтаксис prop, чтобы он был условным:

 <TextField required={!!required} id={name} fullWidth label={label}/>