在React中传递多个参数到函数

Question

如何将多个参数传递给React中的函数？

以下似乎有意义,但只有数据才能检索到正确的信息.level已定义,但只是一个空对象.

<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

像你所写的那个无状态功能组件将所有道具作为第一个参数.

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

因此,如果您想使用解构,请确保从同一对象中描述所有道具.

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