Reactjs 调用另一个文件

我正在制作react本机问答应用程序。我和我想做一些有问题的页面，但我对此有疑问。看：我有一个代码可以检查答案并打印出来。我不想在所有页面上都使用相同的代码，我想在一个页面上添加代码，在另一个页面上添加代码。陈述所有问题。我怎么能做到？ 请帮助我，我将非常感谢你 代码：

//包含检查和打印所有问题的代码函数的页面-Function.js
// ...
建造师（道具）{
超级（道具）；
此.state={
questionData:this.props.questions，
进展：0，
分数：0
}
this.checkAnswer=this.checkAnswer.bind（this）；
this.resetquick=this.resetquick.bind（this）；
}
核对答案（索引）{
var correct=this.state.questionData[this.state.progress].correct；
var newScore=0，newProgress=0；
如果（正确===索引）{
newScore=this.state.score+1；
this.setState（{score:newScore}）；
newProgress=this.state.progress+1；
this.setState（{progress:newProgress}）；
}否则{
newProgress=this.state.progress+1；
this.setState（{progress:newProgress}）；
}
}
重置测验（）{
this.setState（{score:0，progress:0}）；
}
render（）{
var questionDatum=this.state.questionData[this.state.progress]；
返回(
{this.state.questionData.length>this.state.progress？
(
// ...
):(
// ...
)
}
}
//带有问题的页面-Main.js
建造师（道具）{
超级（道具）；
this.questions=[{提示：“问题1”，答案：[“a”、“b”、“c”、“d”]，更正：2}，{提示：“问题2”，答案：[“a”、“b”、“c”、“d”]，更正：0}]
}

您必须阅读有关有状态和无状态组件的内容。您想要实现的功能可以通过不同的方式实现。您可以将您的逻辑代码（检查答案的地方）放入所需所有页面的父组件（如

）中，并将属性传递到不同的页面（功能组件）

另外一个更优雅的解决方案是使用redux将您的信息存储在那里，只需将您需要的组件连接到存储来检索信息