将数据从组件传递到另一个反应

Question

我有一份问卷并发送请求以从数据库中取回与答案匹配的所有数据。 然后我想使用另一个组件中的数据来显示结果。

 <div className='row justify-content-end mt-3 pb-5'>
   <div className='btn btn-primary btn-block rounded shadow-sm result' onClick=this.getSelectedOptions}>Ergebnisanalyse</div>
</div>

我的 onClick 触发了一个名为“ImpactAnalysis”的类组件中的函数，在其中我将结果作为对象数组返回。 然后我想在类组件“ResultPage”中显示结果

Answer 1

你可以这样通过：

<ResultPage data={impactAnalysisResults} />

然后，您将在 ResultPage 组件上拥有此数组。

const ResultPage = ({data}) => {
    const { impactAnalysisResults } = data;
}

Answer 2

只需将这些数据作为道具发送到组件中。 向组件发送道具添加键名和配对值。 例如

<ResultPage data={impactAnalysisResults} />

从 ResultPage 捕获值，例如

function ResultPage ({data}) {
    console.log(data) //check data object sent from parent component
    return (
    //show your data from 'data' props
    <div>{data}</div>
   )
}