react native 入坑集錦

lufficc 發(fā)布于2019-08-26 10:13 / 2304人閱讀

摘要：使用解構(gòu)方法操作一個深層的對象，再可能不會觸發(fā)以及模擬器和真機調(diào)試都正常，只有打包發(fā)布之后有這個問題。和第一個問題差不多，也是導致實體機有問題有更多坑的同學的可以一起分享交流，后續(xù)會持續(xù)更新

1. 使用解構(gòu)方法操作一個深層的對象，再setState,可能不會觸發(fā)render(ios以及Android模擬器和真機調(diào)試都正常，只有打包發(fā)布之后Android有這個問題)。

...
/* React
state = {
    data: {
        "2019-07-19": {...},
        "2019-07-20": {...},
    }
}
*/
const data = this.state.data;
// 待解構(gòu)的數(shù)據(jù)源
const obj = {
    some_attr: "test",
    other: {
        sex: "man",
    }
}
// 被用來setState的臨時數(shù)據(jù)
const data_tmp = {
    name: "張三",
    age: 18,
    ...obj.other
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})
// 這種情況會導致上述情況
// 解決辦法 不使用解構(gòu)  使用for in 把屬性插入
const data_tmp = {
    name: "張三",
    age: 18
}
for(key in obj.other) {
    data_tmp[key] = obj.other[key]
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})

上述問題有點奇怪，暫時不明原因，查明原因會補充真想，有大神知道原因評論區(qū)交流^_^

2. 多個setState同步執(zhí)行也會導致不觸發(fā)render(ios以及Android模擬器和真機調(diào)試都正常，只有打包發(fā)布之后Android有這個問題)。

[1,2,3].forEach(item, () => {
    this.setState({
        data: {...}
    })
})

和第一個問題差不多，也是導致Android實體機有問題

有更多坑的同學的可以一起分享交流，后續(xù)會持續(xù)更新...

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/105789.html

和我一起入坑-React-Native-加入Redux的TodoList

摘要：之前寫了一篇沒有加入的的小博文。一拆分結(jié)構(gòu)根據(jù)自己的習慣和固定套路，拆分目錄結(jié)構(gòu)和組件結(jié)構(gòu)。把的導航組件集中放在純粹是個人習慣。二代碼實現(xiàn)入口文件是用來做的數(shù)據(jù)持久化。添加事項后要通知其他組件更新數(shù)據(jù)。讀前須知這個項目是第一次使用Redux的實例，并不具有專業(yè)性的理論知識。純粹分享一次開發(fā)過程與心得。之前寫了一篇沒有加入Redux的React Native ToDoList的小博文...

LucasTwilight 2019-08-23 12:03 評論0 收藏0
在Windows下搭建React Native Android開發(fā)環(huán)境，android開發(fā)mvp模式

摘要：在這個過程中可能會出現(xiàn)一些問題，導致失敗你沒有配置需要再系統(tǒng)變量中加入這個，指到目錄。所以面試沒有其他的訣竅，只看你對這些知識點準備的充分程度。本文已被開源項目學習筆記總結(jié)移動架構(gòu)視頻大廠面試真題項目實戰(zhàn)源碼收錄在這個過程中可能會出現(xiàn)一些問題，導致build失敗： 1. 你沒有配置ANDROID_HOME,...

番茄西紅柿 2021-11-29 10:50 評論0 收藏2637
Flutter 面試知識點集錦

摘要：中的的線程是以事件循環(huán)和消息隊列的形式存在，包含兩個任務隊列，一個是內(nèi)部隊列，一個是外部隊列，而的優(yōu)先級又高于。同時還有處理按住時的事件額外處理，同時手勢處理一般在的子類進行。谷歌大會之后，有不少人咨詢了我 Flutter 相關的問題，其中有不少是和面試相關的，如今一些招聘上也開始羅列 Flutter 相關要求，最后想了想還是寫一期總結(jié)吧，也算是 Flutter 的階段復習。 ??系統(tǒng)完...

andong777 2019-05-21 19:52 評論0 收藏0
React-Native 真的是移動開發(fā)的未來嗎

摘要：在版本上，安卓系統(tǒng)上的渲染就有鋸齒，后來我們不分效果是使用圖片實現(xiàn)的，汗啊第三方組件不全。搖一搖問題的解決在我們使用了等狀態(tài)管理時，熱更新不會更新這些代碼，而頻繁搖一搖實在是太累了。此時可以使用此時相當于虛擬了一個搖一搖事件。公司本年度有App任務，陸陸續(xù)續(xù)用RN開發(fā)了兩個應用。一款是涉及儀器控制的平板項目，另一款是客戶端的App。下文談談使用RN開發(fā)的部分認知(其實只是隨便扯一扯，...

thursday 2019-08-22 18:20 評論0 收藏0