ReactJS:检查redux状态和条件渲染?

时间:2018-02-20 03:54:39

标签: reactjs

因此,在我们的应用程序中,我们将状态映射到props,然后从redux检查状态响应以有条件地呈现组件或加载组件......

这感觉不对。

如果我们的组件是"智能组件"我们应该有条件地从redux渲染还是有更好的选择?

function getAPIKey()
    local key
    http.get(SERVER_URL .. "?query=getapikey&mac=" .. wifi.ap.getmac(),
    local key = http.get(SERVER_URL .. "?query=getapikey&mac=" .. wifi.ap.getmac(),
        function(code, data)
            if(code < 0) then
-               print("HTTP request failed")
+               print("HTTP request failed!", "`" .. code .. "`")
+               print("data:", "`" .. data .. "`")
            else
+               print(code, "`" .. data .. "`")
                key = data
            end
        end)
    print(key)
end

1 个答案:

答案 0 :(得分:0)

我们可以使用shouldComponentUpdate()来实现,它被认为是React中的高级实践。

  

使用shouldComponentUpdate()让React知道组件的输出   不受当前状态或道具变化的影响。默认   行为是重新渲染每一个状态变化,并在广阔的   大多数情况下你应该依赖默认行为。

     

在渲染新道具或者之前调用shouldComponentUpdate()   国家正在接受。默认为true。不调用此方法   用于初始渲染或使用forceUpdate()时。

     

返回false不会阻止子组件重新呈现   当他们的状态发生变化时。

https://reactjs.org/docs/react-component.html#shouldcomponentupdate