如何在react-props中引入条件？

Question

我还是个新手，不知道如何在属性中引入以下条件。我使用的是ui material的一个组件，我想引入一个条件，即如果"error= true“它应该被设置为"disabled=false”

return (
  <MuiTextField
    value={value}
    disabled={disabled}
    error={error}
    fullWidth={fullWidth}
    label={<span className={classesLabel.inner}>{label}</span>}
    helperText={helperText}
    onChange={handleChange}
    classes={{
      root: classes.root,
    }}
    
    
    {...props}
  />
);
}

我想要做的是在error属性的点上引入一个类似如下的条件

error={error,{if (error) { disabled = false}}}

我知道语法不正确，但这是一种解释我想做什么的方式

有人能告诉我如何介绍这种情况吗？许多

Answer 1

您可以执行以下操作：

const MUITextDisabledProps = { disabled: false};

return (
    <MuiTextField
        value={value}
        disabled={disabled}
        error={error}
        {error && ...MUITextDisabledProps}
          ... other props
    />
);