无法在“历史记录”上执行“ pushState”：函数addComment（）……无法克隆

Question

我试图在React中制作我的第一个应用程序，但我认为我在应用程序流程中犯了一些严重的错误，但是尝试保存它并不能使其更好。

我有我的App.ksin

<LatestRecipes latestRecipes={this.state.latestRecipes} allRecipes={this.state.recipes} addComment={this.addComment}/>

现在，AddComment仅是：

addComment(key, commentData)
{
    console.log(key);
    console.log(commentData);
}

在最新的食谱中，我有：

<Link to={{pathname: '/recipe/' + recipe.name, state: { recipe: recipe, index: index, addComment: this.props.addComment }}}>{recipe.name}</Link>    

这给了我错误：

无法在“历史记录”上执行“ pushState”：函数addComment（）...无法克隆。

导致错误的是参数： addComment: this.props.addComment

如果删除它，一切正常，但是我需要将功能传递给我的Recipe组件。 在App.js中

<Route path="/recipe/:recipe" component={Recipe}/>

我需要传递所有三个参数，配方，索引和函数addComment（）

Answer 1

更改：

<Route path="/recipe/:recipe" component={Recipe}/>

至：

<Route path="/recipe/:recipe" render={(props) => <Recipe {...props} addComment={this.addComment}/>} />

在我的App.js中解决了它。