我看过类似的帖子,但找不到答案,在我的情况下,我正试图从< App />中传递一个动作：
addExpense = (expense) => {
console.log('Hello From AddExpenseForm');
}
@H_403_8@to / create我正在渲染的路线< AddExpenseForm />零件
403_8@Uncaught DOMException: Failed to execute 'pushState' on 'History': function (expense) {
console.log('Hello From addExpense');
} could not be cloned
@H_403_8@为什么会这样,这里的解决方法是什么？
我的更新代码：
在Index.js中的路线：
const Routes = () => {
return (
403_8@ App.js：
addExpense = (expense = {}) => {
console.log('Hello From AddExpenseForm');
}
goToNextPage = (addExpense) => {
this.props.history.push({
pathname: '/create',state: { addExpense: this.addExpense }
});
}
render() {
return (
403_8@ 最佳答案
首先,为addExpense函数添加一些默认值：
原文链接：https://www.f2er.com/js/429219.html addExpense = (expense = DEFAULT) => {
console.log('Hello From addExpense');
}
@H_403_8@然后使用链接：
403_8@或试试这个(更好的方法)：
goToNextPage = (addExpense) => {
this.props.history.push({
pathname: '/create',state: { addExpense: addExpense }
});
}
@H_403_8@在next(create)组件中使用传递的值,如下所示：
this.props.location.state.addExpense();
@H_403_8@