Babel.js 我如何添加一个html标记数组到jsx

lvmkulzt  于 2022-12-08  发布在  Babel
关注(0)|答案(2)|浏览(118)

我是新的React,我有一个问题,我没有找到任何解决方案后,搜索。
当我把html标签的数组存储在变量中时,我得到minified React error #31

var k = [1,2,3];
var x = k.map(e=><li>{e}</li>);
var e = (
  <div>         
    <ul>
      {1 && {x}}
    <ul>
  </div>
);
var divTag = document.getElementById("k");
ReactDOM.render(e,divTag)

但是当我写这篇文章的时候,我没有得到任何错误。

var k = [1,2,3];
var x = k.map(e=><li>{e}</li>);
var e = (
  <div>         
    <ul>
      {1 && k.map(e=><li>{e}</li>)}
    <ul>
  </div>
);
var divTag = document.getElementById("k");
ReactDOM.render(e,divTag)
8yparm6h

8yparm6h1#

您需要删除x变量{1 && {x}} -> {1 && x}两边的大括号
您将定义一个包含键x的新对象,而不是仅传递数组以进行React

wgxvkvu9

wgxvkvu92#

解决方案

{1 && {x}}替换为{1 && x}
因为您已经将x Package 到大括号中,所以会出现呈现错误(您希望提供数组)。

相关问题