响应路由器传递到路由组件的道具

Question

我试图使用react router将props从app.jsx传递到某个路由组件，但出现以下错误

<Route exact path='/FileUpload' acc={this.state.account} ethAdd={this.state.ethAddress} component={FileUpload} />

constructor(props) {
        super(props);
        this.setState({
            account: this.props.route.acc,
            ethAddress: this.props.route.ethAdd
        })
    }

Answer 1

不向组件传递自定义道具。改用呈现函数：

<Route exact path='/FileUpload' render={
  (props) => <FileUpload {...props} acc={this.state.account} ethAdd={this.state.ethAddress} />
} />

正如SakoBu提到的，您需要更改您的构造函数：

constructor(props) {
    super(props);
    this.state = {
        account: this.props.acc,
        ethAddress: this.props.ethAdd
    };
}