如何在有条件的组件上有条件地添加道具?

gpbaculio

我想有条件地在输入类型上添加道具,我想检查是否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}
  />

我如何通过使用这样的传播使其工作?

Shubham Khatri

您可以利用三元条件

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在有条件的js中有条件地应用标题

来自分类Dev

如何有条件地向组件添加文本?

来自分类Dev

有条件地指定组件的道具

来自分类Dev

Vuejs:如何有条件地附加道具?

来自分类Dev

如何在有条件的剧本中向条件字典添加键/值

来自分类Dev

有条件地添加日期

来自分类Dev

有条件地添加限制

来自分类常见问题

如何有条件地包装React组件?

来自分类Dev

如何有条件地渲染原因反应组件?

来自分类Dev

如何有条件地渲染 Angular 组件

来自分类Dev

如何有条件地渲染

来自分类Dev

如何在符号或字符串上有条件地停止pry.binding?

来自分类Dev

如何在行上有条件地进行计数?[R

来自分类Dev

如何在符号或字符串上有条件地停止pry.binding?

来自分类Dev

如何有条件地为材质ui TreeView组件设置扩展道具

来自分类Dev

如何有条件地添加脚本包?

来自分类Dev

如何在useEffect中更新状态的条件组件中有条件地渲染?

来自分类Dev

在 glassfish 上有条件地取消部署

来自分类Dev

如何在Angular中有条件地渲染?

来自分类Dev

如何在Excel中有条件地匹配

来自分类Dev

如何在Excel中有条件地VLOOKUP?

来自分类Dev

如何在React中有条件地将子组件添加到父组件?

来自分类Dev

如何在另一个组件中有条件地添加组件

来自分类Dev

在PostgreSQL上有条件计数

来自分类Dev

ifelse 在行上有条件

来自分类Dev

如何有条件地仅对angular中的特定字段有条件地添加mydatepicker disablescince prop

来自分类Dev

如何根据组件内容的可见性在组件标签上有条件地应用样式?

来自分类Dev

在特定路线和视口高度上有条件地渲染组件

来自分类Dev

在 Vue Router 上有条件地映射路由组件

Related 相关文章

热门标签

归档