关于React的几个问题-创建Weather App

Question

我正在学习并制作react + bootstrap weather应用程序，但遇到一些问题。

如何从“ components / main / mainInput.js”访问组件“ components / profile / profileWeather.js”，以便单击“添加到个人资料”按钮可以创建个人资料窗口？

此外，我如何将API资源支持到已创建的组件中？

我想让所有内容每60秒连接一次API，以便为添加到个人资料中的每个城市用户刷新天气，并提示如何操作？

这是GitHub存储库：https://github.com/Macieyy/Weather-app

Answer 1

我不确定如何使每60秒将所有内容连接到API，但这还有其他一些事情：

您可以通过导入在mainInput中访问个人资料Weather。

在mainInput上：

import ProfileWeather from ../profiles/profileWeather;

然后您这样称呼它：

render() {
return(
<div>
<ProfileWeather props.you.want.to.pass>
</div>
)
}

这样，您只需要在ProfileWeather中接收名称为名字的道具即可。然后，例如，如果您所在的州有一些天气信息，则通过而不是“ props.you.want.to.pass”，您的ProfileWeather将可以访问该信息