javascript - 如何检查输入值(React)

Question

我有我在项目中使用的自定义输入。
我想在将输入值放入 Prop 之前对其进行检查。我输入了从映射数组中获得的输入值编号。我想检查一下 if arrVal !== 0 put arrVal else put 1

{arr.map((it, i) => (
    <Input
        value={it.num} // here make a check like it.num !== 0 ? it.num : 1
    />
))}

Answer 1

您可以将条件语句传递给值，如下所示:

{arr.map((it, i) => (
   <Input
      value={it.num !== 0 ? it.num : 1}
   />
))}

或者如果条件更复杂，您可以将结果存储在变量中然后使用它，如下所示:

{arr.map((it, i) => {
   const result = it.num !== 0 ? it.num : 1;
   
   return (
      <Input value={result} />
   )})
}