FaiChou 最近的时间轴更新 FaiChou 最近的时间轴更新 |
FaiChouV2EX 第 254353 号会员，加入于 2017-09-14 14:46:36 +08:00 |
FaiChou_zh
http://faichou.com
FaiChou
FaiChou
Mr. Fahrenheit
FaiChou 最近回复了
16 天前 回复了 FaiChou 创建的主题 › 程序员 › 国内 app 习惯在非顶层页面隐藏 tabbar, 而国外则相反 |
@Vitta App Store 在 Today 这个 tabbar 跳转的会隐藏。其余三个跳转不会。
18 天前 回复了 FaiChou 创建的主题 › 程序员 › 有什么方法可以防止泄漏某些 API KEY? |
19 天前 回复了 steins2628 创建的主题 › React › React useContext 值改变不引发重绘 |
19 天前 回复了 steins2628 创建的主题 › React › React useContext 值改变不引发重绘 |
ContextAPI 在历史上的确有过深层次子组建不能刷新的问题, 但已经解决了. 也就是说 Context 解决了深层子组件 re-render 链被打断的这个问题, 写了一个简单的 demo 来验证下:
要注意下 Component1 是被 React.memo(), 其次 Provider 的 value 也需要用 useMemo() 来固定, 否则每次点击 update 都会变成新的 setVal 值.
const Context = createContext()
const Component1 = React.memo(function() {
console.log('componet1')
return (
<div>
<h1>Component1</h1>
<Component2 />
</div>
)
})
function Component2() {
console.log('componet2')
const { val } = useContext(Context);
return (
<div>
<h1>Component2</h1>
<h2>{val}</h2>
</div>
)
}
function App() {
const [, forceUpdate] = useReducer(x=>x+1,0);
const [val, setVal] = useState(null);
return (
<Context.Provider value={useMemo(()=>({ val, setVal }), [val])}>
<Component1 />
<button onClick={forceUpdate}>update</button>
<button onClick={() => setVal(Date.now().toString())}>setRandom</button>
</Context.Provider>
);
}
要注意下 Component1 是被 React.memo(), 其次 Provider 的 value 也需要用 useMemo() 来固定, 否则每次点击 update 都会变成新的 setVal 值.
const Context = createContext()
const Component1 = React.memo(function() {
console.log('componet1')
return (
<div>
<h1>Component1</h1>
<Component2 />
</div>
)
})
function Component2() {
console.log('componet2')
const { val } = useContext(Context);
return (
<div>
<h1>Component2</h1>
<h2>{val}</h2>
</div>
)
}
function App() {
const [, forceUpdate] = useReducer(x=>x+1,0);
const [val, setVal] = useState(null);
return (
<Context.Provider value={useMemo(()=>({ val, setVal }), [val])}>
<Component1 />
<button onClick={forceUpdate}>update</button>
<button onClick={() => setVal(Date.now().toString())}>setRandom</button>
</Context.Provider>
);
}
19 天前 回复了 zt1991616 创建的主题 › 生活 › 没有游泳基础，想学下游泳，有老哥分享下经验么？ |
建了一个游泳学习群. 想学游泳的可以进来交流下: 游泳打卡, 游泳技巧, 装备搭配等.
我自学游泳一段时间, 蛙泳蝶泳自由泳, flip turn, 跳水, 蛙泳蹬池边水下长划手等等细节以及需要提高的地方特别多.
20 天前 回复了 FaiChou 创建的主题 › 程序员 › 有无查询国内物流的浏览器插件/接口推荐? |
20 天前 回复了 FaiChou 创建的主题 › 程序员 › 有无查询国内物流的浏览器插件/接口推荐? |
@ThreeBody 快递 100 这个动不动就小程序. 受不了
20 天前 回复了 boblin 创建的主题 › 程序员 › 前端开发 RN macbook air 还是 pro ？ |
我用 MacBook Air (M1, 2020) 16 GB 就够了, 可惜买的时候没以为会做开发, 现在硬盘只剩 10 个 G.. 有条件一定要上 512GB
Select Language