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

我所追求的是：

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

但是错误被抛出“意外的令牌”

我怎样才能在地图中调试我的值？

解决方法:

您可以使用逗号运算符：

 {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]} />
  })}

另外,请注意 – 不要忘记在从数组返回的对象上设置键属性,否则会导致性能下降和警告(您当前没有这样做).