javascript - 将多个参数传递给 React 中的函数

Question

我如何在 React 中将多个参数传递给一个函数？

以下似乎有道理，但只有数据才能检索到正确的信息。级别已定义，但只是一个空对象。

<OutputContent data = { this.props.data } level = {0} />

function OutputContent({data}, level) {
    console.log(data);
    console.log(level);
    return <p>A simple example</p>
}

Answer 1

像您编写的那样的无状态功能组件将所有 Prop 作为第一个参数。

function OutputContent(props) {
  console.log(props.data);
  console.log(props.level);
  return <p>A simple example</p>;
}

因此，如果您想使用解构，请确保解构来自同一对象的所有 Prop 。

function OutputContent({data, level}) {
  console.log(data);
  console.log(level);
  return <p>A simple example</p>;
}