React 创建元素道具未定义

Question

我有一个通用的 ListComponent 函数

function ListComponent() {
    return React.createElement(
      "ul",
      { className: "list" },
      items.map((item, i) => React.createElement("li", {key: i}, item))
    );
  }

现在我想将一个数组作为道具传递给该组件并渲染它：

const vacations = ["Spain", "Greece", "Vietnam"];
const VacationsList = React.createElement(ListComponent, {items: vacations}, null);

ReactDOM.render(VacationsList, document.getElementById("root"));

我收到 ReferenceError“项目未定义”。我该如何解决这个问题？

Answer 1

您必须收到像

这样的物品

function ListComponent({ items }) {
    return React.createElement(
      "ul",
      { className: "list" },
      items.map((item, i) => React.createElement("li", {key: i}, item))
    );
  }

React 创建元素道具未定义

React create element props is undefined

javascript

reactjs

react-props