Question

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

<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变量

const cellTitle = props.cellTitle;

一旦构造函数完成执行，该变量将不再存在。

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

Answer 2

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

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

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

将param传递给另一个具有反应的组件

2 个答案: