javascript - 如何console.log()这个函数？

Question

我想为 React-Native 生成​​ JSX，但我确实想使用 console.log() 检查每个键/值。

我追求的是:

{Object.keys(this.state.types).map((obj) => (
          console.log(obj); <-- This guy
          <Item label={obj[TYPE]} value={obj[ID]} />
          ))}

但是抛出错误“意外的 token ”

如何在 map 中调试我的值？

Answer 1

您可以使用逗号运算符:

 {Object.keys(this.state.types).map((obj) => (
      console.log(obj), <-- This guy
      <Item label={obj[TYPE]} value={obj[ID]} />
      ))}

评估语句然后丢弃它，或者您可以使用 ||运算符将评估返回 false 的 console.log 然后返回 React 元素:

 {Object.keys(this.state.types).map((obj) => console.log(obj) || (

      <Item label={obj[TYPE]} value={obj[ID]} />
      ))}

但是，两者都相当 hacky，我建议您将箭头函数变成多行箭头并只使用 return:

 {Object.keys(this.state.types).map((obj) => { 
      console.log(obj);
      return <Item label={obj[TYPE]} value={obj[ID]} />
  })}

旁注 - 不要忘记为从数组返回的对象设置 key 属性，否则你会收到性能下降和警告(你目前没有这样做).