Objects.keys里面返回无状态组件，意外令牌

Question

我在无状态组件中有这个返回，我正在使用Object.keys来尝试打印测试div：

  return (
   <div>Object.keys(subfields).map( function (item )  {
      return (
        <div>test/div>
      );
     });
   </div>);

但是我在'return'的行中得到'意外令牌' 发生了什么，我知道你可以避免返回，但我想用它来测试东西并在控制台上打印，我认为代码很清楚，可以阅读它

Answer 1

您需要在Object.keys中包含{}才能使其正常运行。 我还在代码中<之后看到丢失的test

return (
  <div>
    {Object.keys(subfields).map(item =>
      <div>test</div>
    )}
  </div>
)

或者：

return (
  <div>
    {Object.keys(subfields).map(function(item) {
      return <div>test</div>
    })}
  </div>
)

Answer 2

你必须＆＃34;逃避＆＃34;在Object.keys调用之前从jsx返回到javascript，以及如果要在返回的jsx中使用map值

return (
    <div>
        { Object.keys(subfields).map(item => <div>{item}</div>) }
    </div>
);