Question

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

2017-10-25

107

reactjs react-native

我尝试使用 React 将参数传递给名为 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 变量

const cellTitle = props.cellTitle;

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

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

Answer 2

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

您只能在渲染中使用 props：

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