如何將 html 標簽數組添加到 jsx

Question

我是新來的反應，我有一個問題，我在搜索后沒有找到任何解決方案。

當我將 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)

Answer 1

您需要刪除x變量{1 && {x}} -> {1 && x}周圍的花括號

您正在定義一個包含鍵x的新 object 而不是僅傳遞數組以做出反應

Answer 2

解決方案

將{1 && {x}}替換為{1 && x}

因為您已將x包裹在花括號中，所以您遇到了渲染錯誤（您想提供數組）。