对于我的react项目,我有一个可重用的Score组件来支持或反对一篇文章。我有一个很长的150行handleVote函数为我的文章列表在主页上。现在我想将我的Vote组件添加到文章详细信息页面和文章详细信息中的评论中。事情是,如果我复制的文章细节的handleVote函数,90%的代码将是相同的,我只需要改变数据和setstates/api调用。
我可以使用什么模式来避免重复相同的代码?我应该拆分一些handleVote函数到外部js表吗?在这种情况下,最佳实践是什么?
将所有代码作为辅助函数文件并导入到两个组件中,如果您希望完成设置状态,请从辅助函数中添加回调函数,该函数将帮助您添加设置状态