Java 在React中传递道具/调用函数

我对React还不熟悉，我希望在传递其他组件的道具/调用函数方面得到一些帮助

以下是我的工作内容：

使用switchstatement更改当前呈现页面的导航

从“React”导入React，{Component}； 导入“./navigationStyling.css” //导入页面 从“../../pages/Home/Home”导入主页 从“../../pages/Artist/Artist”导入艺术家 从“../../pages/Facilities/Facilities”导入设施 从“../../pages/Money/Money”导入货币 从“../../pages/AboutYou/AboutYou”导入AboutYou 从“../../pages/Resume/Resume”导入简历 从“../../pages/再见/再见”导入再见 类导航扩展了组件{ 构造器{ 超级作物 此.state={ 步骤：1 } } 下一步{ 这是我的国家{ 步骤：this.state.step+1 } } 前一步{ 这是我的国家{ 步骤：this.state.step-1 } } 渲染{ 切换此.state.step{ 案例1： 回来 案例2： 回来 案例3： 回来 案例4： 回来 案例5： 回来 案例6： 回来 案例7： 回来 } } //保存值字段\ U值，字段{ //字段=分配{}，字段，字段值 //.这个 // } } 导出默认导航 您需要将nextStep和previousStep道具传递给页脚组件：

class Homepage extends Component{
    render(){
        return(
            <React.Fragment>
                <h1>Homepage </h1>
                <Footer 
                    nextStep={() => console.log("next step click") }
                    previousStep={() => console.log("previous step click") }
                />
            </React.Fragment>
        );
    }
}

---

通过使用，可以避免此类错误。它允许您指定属性类型，必需或不需要。。。组件是预期的，当他们不满意时，它会显示警告/错误。

导航组件在何处？非常感谢！你有关于调试未来bug的提示吗。当然，我没有发现如此详细的错误消息。您可能已经使用PropTypes检测到了错误。它允许您定义组件所需的道具，如果需要，还可以定义类型。。。。如果不满足规格，则显示警告/错误。它非常有用。