Question

我正在与气象应用程序进行最后的斗争，该应用程序的工作方式如下->用户从列表中选择国家/地区->用户键入由仅显示属于该国家的城市的功能过滤的城市名称。

由于该应用程序依赖于导入一个包含要选择的城市列表的大cityJSON文件，因此我在Header.js中实现了加载动画，并在导入cityJSON文件后替换为Body.js中呈现的国家和城市输入。满了。

该流应该像这样工作：

1）Body.js加载城市JSON文件-> ComponentDidMount运行以下功能：

a）将城市和国家/地区的“显示：无”切换为“显示：阻止”

b）将回调参数（true）发送回父级。然后，父App.js将这个（true）值作为道具发送给Header.js

c）Header.js接收道具并关闭动画（！true &&

唯一的问题是它根本不起作用； /

该应用程序会立即加载所有内容。是否可能由于App.js同时呈现Header和Body而仅立即呈现所有内容？我该如何解决？

此应用的代码框=>

https://codesandbox.io/s/stoic-napier-6uf2n?fontsize=14&fbclid=IwAR1G74R4Aak621dbbFT9h8wLrdW6WKTpwDoEkV8eLW3VRLGLLLih1Z24s8k

本来应该是一个简单的应用程序，但我要么很野心，要么我在这里做错了事...

https://codesandbox.io/s/stoic-napier-6uf2n?fontsize=14&fbclid=IwAR1G74R4Aak621dbbFT9h8wLrdW6WKTpwDoEkV8eLW3VRLGLLLih1Z24s8k

Answer 1

好的，所以我基本上在ComponentDiDMount上获取了一个大的JSON文件，然后我在ComponendDidUpdate内部重新渲染了视图

componentDidMount（）{

         F1  F2  2019
ID DT                
1  2018   0   0   NaN
2  2018   1   0   NaN
3  2017   0   1   NaN
4  2018   0   0   NaN
5  2019   1   0   NaN

如何在React中制作App的部分渲染

1 个答案: