我正在尝试使用 react router 将 app.jsx 中的props传递给我的路由组件之一，但出现以下错误
类型错误：无法读取未定义的属性“acc”
这是我的 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
})
}
通过阅读此处的其他解决方案，我真的不明白react-router中props的这种传递是如何工作的，有人可以帮助我了解我需要做什么吗？
<Route>不会将自定义props传递给组件。改用渲染函数：
<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
};
}
这里有几种方法可以将 props 传递给路由组件。
使用 react-router v5，我们可以通过包裹一个<Route>组件来创建路由，这样我们就可以像这样轻松地将 props 传递给所需的组件。
<Route path="/">
<Home name="Sai" />
</Route>
同样，您可以在 v5 中使用 children 属性。
<Route path="/" children={ <Home name="Sai" />} />
如果您使用的是 react-router v4，则可以使用 render prop 传递它。
<Route path="/" render={() => <Home name="Sai" />} />