如何有条件地在反应组件上添加道具？

Question

我想有条件地在输入类型上添加道具，我想检查是否input_key是一个数字，如果是，我想添加min_max道具，因为如果它是任何类型，我不想添加它

 const min_max = {
   min: 0,
   max: 100
 };
 <Input
    type={type}
    name={input_key}
    id={input_key}
    {input_key === 'number' && ...min_max}
    required={required}
    placeholder={placeholder}
  />

我如何通过使用这样的传播来使它工作？

Answer 1

你可以利用三元条件

<Input
    type={type}
    name={input_key}
    id={input_key}
    {...(input_key === 'number'? min_max: {})}
    required={required}
    placeholder={placeholder}
  />