材料 UI 文本字段中的條件要求

Question

我有一個函數，每當我需要在代碼中放置材質 ui 文本字段時都會調用該函數。 我遇到的問題是如何使用是否不需要字段的布爾參數動態添加“必需”關鍵字。 我將在 if 塊中添加什么？

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

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

Answer 1

我假設您的意思是<TextField required ...與<TextField ... ？

required屬性是一個布爾屬性，只是添加required作為屬性是require={true}的別名。 因此，您可以使用常規 prop 語法使其成為有條件的：

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