成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

react native 入坑集錦

lufficc / 2306人閱讀

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

1. 使用解構(gòu)方法操作一個(gè)深層的對(duì)象，再setState,可能不會(huì)觸發(fā)render(ios以及Android模擬器和真機(jī)調(diào)試都正常，只有打包發(fā)布之后Android有這個(gè)問題)。 
...
/* 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í)數(shù)據(jù)
const data_tmp = {
    name: "張三",
    age: 18,
    ...obj.other
}
data["2019-07-19"] = data_tmp
this.setState({
    data
})
// 這種情況會(huì)導(dǎo)致上述情況
// 解決辦法 不使用解構(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
})
上述問題有點(diǎn)奇怪，暫時(shí)不明原因，查明原因會(huì)補(bǔ)充真想，有大神知道原因評(píng)論區(qū)交流^_^
2. 多個(gè)setState同步執(zhí)行也會(huì)導(dǎo)致不觸發(fā)render(ios以及Android模擬器和真機(jī)調(diào)試都正常，只有打包發(fā)布之后Android有這個(gè)問題)。 
[1,2,3].forEach(item, () => {
    this.setState({
        data: {...}
    })
})
和第一個(gè)問題差不多，也是導(dǎo)致Android實(shí)體機(jī)有問題
有更多坑的同學(xué)的可以一起分享交流，后續(xù)會(huì)持續(xù)更新...

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105789.html

相關(guān)文章

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

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

    LucasTwilight 評(píng)論0 收藏0

  • 在Windows下搭建React Native Android開發(fā)環(huán)境，android開發(fā)mvp模式

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

    番茄西紅柿 評(píng)論0 收藏2637

  • Flutter 面試知識(shí)點(diǎn)集錦

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

    andong777 評(píng)論0 收藏0

  • React-Native 真的是移動(dòng)開發(fā)的未來嗎

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

    thursday 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<