使用 react 将参数传递给另一个组件

Question

我正在尝试将参数传递给名为 Cell 的自定义组件。这是我的代码

<Cell cellTitle='test' style={styles.item}></Cell>
In Cell
constructor(props) {
    super(props);
    const cellTitle = props.cellTitle;
    console.log(cellTitle);
  }
  render() {
    return (
      <Text style={styles.title}>{cellTitle}</Text>. // I get the error here
    )
}

我收到错误

Can't find variable cellTitle

Answer 1

在构造函数中，您将cellTitle分配给常量变量

const cellTitle = props.cellTitle;

构造函数完成执行后，此变量将不再存在。

因此，要么将其分配给state，要么直接在渲染方法中使用this.props.cellTitle

Answer 2

您已在构造函数中将 cellTitle 声明为 const。这在渲染函数中是未知的。

您可以在渲染中使用道具：

render() {
    return <Text style={styles.title}>{this.props.cellTitle}</Text>;
}