应用：
我有一个包含三个组件的上传门户-记住我还没有配置所有组件都可以工作，我只是构建了UI的粗略布局。
第一个组件是用户选择文件的位置-如图A所示
第二个组件是确认屏幕，其中布置了文件中的某些数据集以供用户确认-如图B所示
最后的第三部分只是一个屏幕，显示上载进度和最后一条消息
问题/问题：
当用户选择放置区的文件（组件A）并单击“下一步”或“发送”（无论使用哪种措辞）。它将转到组件B-确认值是否正确。
现在，从组件A到组件B时，应该只是传递数据作为道具还是使用redux？
为什么我问这个问题
我想知道安全性。如何确保组件A之间以及到达组件C时数据没有“改变”
（确认后上传到的最终组件）？
在发送到后端之前，我将验证前端-后端将使用Node.js驻留在AWS API Gateway上。在后端，我将在数据到达数据库之前对其进行验证。
我够董了吗？当它作为道具从组件A移到组件C时，我还有什么需要考虑的吗？
成分A
成分B
最佳答案
我想不出您将数据从一个组件发送到另一个组件的任何安全问题。
我建议您不要为此使用Redux，因为这样会使事情变得比必需的复杂得多。
我可能建议您有一个父组件，充当组件A和B的包装。
所以在代码中将是这样的：
const ParentComponent = () => {
const [file, setFile] = useState(null);
return (
<div>
{file ? <ComponentB /> : <ComponentA />} // If there is a file, render B (which is the last step)
</div>
)
}
该组件只是如何实现的模糊代码。
关于javascript - Reactjs中的高级设计问题:在发送到后端之前在组件之间传递上载文件数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61111500/