您好,我需要帮助。
我有一个进度条组件和一个在其中使用进度条的组件。另一个组件应该触发进度条。
APP的示例结构
https://codesandbox.io/s/optimistic-stallman-rjxi9?file=/src/App.js
这是我真正想要实现的目标以及如何实现它的一个示例。该代码不起作用,但是您将从代码的结构中得到启发。
我想onClick
从组件3执行以更改进度栏状态,该状态位于组件1中,但是中间有一个组件,以及它自己的组件上的进度条。
我尝试做的事情是将函数正常传递给组件中的新函数,该组件要从(组件3)触发该动作并将该函数传递给按钮。但它收到错误“类型错误this.props。*不是函数”
先感谢您
您需要使Component2(C2)和Component3(C3)成为Component1的子代,并handleProgress
作为道具传递给Component2和Component3,例如此处https://codesandbox.io/s/blue-lake-6mx7o?fontsize=14&hidenavigation= 1&theme =暗
现在,您已经handleProgress
在C1中创建了一个函数,但从未将其传递给C2和C3。
要将其传递给C2和C3,您需要将它们从App
组件中删除,然后将其移至C1。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句