javascript - ReactJS:在未定义 Prop 的情况下使用条件是否安全?

标签 javascript reactjs immutable.js

我有一个带有几个键值对的 Immutable.Map。

Object {1: -200, 2: 13540}

<Component
    items={this.props.items.get(key) || 0}
/>

键可能存在也可能不存在于 map 中。如果它不存在,我只想将零传递给组件。这是一个必需的 Prop 。

里面的conditional安全吗?如果不安全,有什么更好的方法?

最佳答案

条件是安全的,但您的方式是模棱两可的 - 您可能会得到 bool 表达式的结果,而不是实际值。

我会这样做是明确的:

let val = this.props.items.get(key);
items={val ? val : 0}

这显式返回 val0,而不是 bool 表达式 val || 的结果0

关于javascript - ReactJS:在未定义 Prop 的情况下使用条件是否安全?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34361903/

相关文章:

javascript - 为什么这个 html 不起作用

reactjs - 自定义钩子(Hook)可以确定哪个组件调用它吗?

javascript - 从 immutable.js 中的动态映射对象获取值/键

javascript - 如何验证 3 个字段中的日期输入?

javascript - 如何停止 Phaser 游戏并将其从页面中删除?

javascript - 如何根据输入的值更改输入的背景颜色

javascript - 在 Typescript React App 中指定特定的 Prop 并接受一般的 HTML Prop

javascript - React Plaid 组件刷新页面

javascript - 在 Typescript 中输入 Immutable.js Map

javascript - typescript 的类型安全 Immutable.Js getIn