如何基于条件为MUI TextField添加required属性？代码无效求助

你的代码里有两个关键问题导致required属性无法正常生效：

• 逻辑条件矛盾：investment>50000 && investment<5000 这个判断永远不成立，没有任何数值能同时满足"大于50000"和"小于5000"。你应该根据实际需求调整区间，比如想判断investment在5000到50000之间的话，要写成 investment > 5000 && investment < 50000。

• JavaScript语法错误：

  • 变量声明的Var要改成小写的var（更推荐使用let来声明可修改的变量）
  • 条件语句的If要改成小写的if，JavaScript里关键字都是小写的

修正后的代码示例：

let flag = false;
if (investment > 5000 && investment < 50000) {
  flag = true;
}

<TextField 
  required={flag}
  id="shop-name" 
  label="Shop Name" 
  variant="outlined" 
/>

你也可以直接在required属性里写条件表达式，简化代码：

<TextField 
  required={investment > 5000 && investment < 50000}
  id="shop-name" 
  label="Shop Name" 
  variant="outlined" 
/>

内容的提问来源于stack exchange，提问作者ACT ABC HUB