wiluxy 最近的时间轴更新 wiluxy 最近的时间轴更新 |
wiluxyV2EX 第 368932 号会员，加入于 2018-12-08 01:17:13 +08:00今日活跃度排名 4517 |
www.akumanoko.com
| 有 mac surge 的车吗 拼车 • wiluxy • 24 天前 • 最后回复来自 wogong | 1 |
| tableplus 拼车 拼车 • wiluxy • 111 天前 |
| [兼职][深圳][远程] odoo 开发工程师， 300 至 700 元/人日 远程工作 • wiluxy • 239 天前 • 最后回复来自 kollq | 2 |
| [深圳][18k-22k/月] 招聘全栈开发工程师(React、Node.js)
1 酷工作 • wiluxy • 237 天前 • 最后回复来自 NerdHND
|
17 |
| 一个关于 react 函数组件重新渲染的问题
1 React • wiluxy • 2021-04-21 10:32:14 AM • 最后回复来自 SystemLight
|
25 |
| 出日版 switch，购于去年 10 月，无盒，带保护包， 2000 二手交易 • wiluxy • 2020-11-06 18:40:16 PM • 最后回复来自 wiluxy | 28 |
| 迫于生计，出日版 switch，购于去年 10 月，无盒，带保护包， 2000 水 • wiluxy • 2020-11-05 22:43:37 PM |
wiluxy 最近回复了
4 天前 回复了 stephenxiaxy 创建的主题 › 职场话题 › 仲裁的话， 2n 概率大吗 |
这 2n 的赔偿如果你觉得是你应得的，那就去仲裁，写字楼里多的是软弱的人。
50 天前 回复了 zryadj 创建的主题 › 职场话题 › 面试了三次，凉凉， 27 岁就要终结开发梦吗？ |
生命会自己找到出路，你能来发这种帖子，说明这个环境下你不适合吃这碗饭
98 天前 回复了 neochen13 创建的主题 › 程序员 › AI 代码辅助补全助手， 2025 年的当下，还有比 Github Copilot 更好或者差不多的代替品吗？ |
vscode 的 continue 插件+mistra 的 codestral-latest 模型，真穷鬼套餐
105 天前 回复了 ooo4 创建的主题 › React › 请教一个关于 useEffect 依赖的问题 |
@chesha1 useMemo 、useEffect 漏依赖的问题，可以装个 eslint 插件（@eslint-react/eslint-plugin
）辅助查看依赖有没有问题，遵循 hooks 规则写下去，等以后 react compiler 完善自动优化吧，现在没有性能问题就不用管太多了，只要功能正常、没有性能问题，re-render 不是什么大事情，老是想着最佳实践很累的。
）辅助查看依赖有没有问题，遵循 hooks 规则写下去，等以后 react compiler 完善自动优化吧，现在没有性能问题就不用管太多了，只要功能正常、没有性能问题，re-render 不是什么大事情，老是想着最佳实践很累的。
105 天前 回复了 ooo4 创建的主题 › React › 请教一个关于 useEffect 依赖的问题 |
@ooo4 如果不加这个 currentChatId 可以满足你的功能，非要用 useEffect 的话，可以考虑一下用 useReducer 组织状态
```typescript
import React, {useEffect, useReducer, useState} from "react"
type Conversation = {
id:string
title:string
[key:string]:unknown
}
const initialState:Conversation[] = [
{id:'1',title:"title-1"},
{id:'2',title:"title-2"},
{id:'3',title:"title-3"},
]
function App() {
const [currentChatId,setCurrentChatId] = useState("")
const [currentChatTitle,setCurrentChatTitle] = useState("")
const [conversation,setConversation] = useReducer<
React.Reducer<
Conversation[],
(prev:Conversation[],curChatId:typeof currentChatId)=>Conversation[]
>
>((prev,action)=>{
console.log(123)
return action(prev,currentChatId)
},initialState)
useEffect(()=>{
if(currentChatTitle){
setConversation((prev,curChatId)=>{
console.log({curChatId})
return prev.map(i=>{
return {
...i,
title: i.id === curChatId ? currentChatTitle : i.title,
}
})
})
}
},[currentChatTitle])
return <div>
<label htmlFor="currentChatId">currentChatId:</label>
<input type="text" id="currentChatId" value={currentChatId} onChange={(e)=>setCurrentChatId(e.target.value)} />
<label htmlFor="currentChatTitle">currentChatTitle:</label>
<input type="text" id="currentChatTitle" value={currentChatTitle} onChange={(e)=>setCurrentChatTitle(e.target.value)} />
<ul>
{
conversation.map(i=>{
return <li key={i.id}>{i.title}</li>
})
}
</ul>
</div>
}
export default App;
```
```typescript
import React, {useEffect, useReducer, useState} from "react"
type Conversation = {
id:string
title:string
[key:string]:unknown
}
const initialState:Conversation[] = [
{id:'1',title:"title-1"},
{id:'2',title:"title-2"},
{id:'3',title:"title-3"},
]
function App() {
const [currentChatId,setCurrentChatId] = useState("")
const [currentChatTitle,setCurrentChatTitle] = useState("")
const [conversation,setConversation] = useReducer<
React.Reducer<
Conversation[],
(prev:Conversation[],curChatId:typeof currentChatId)=>Conversation[]
>
>((prev,action)=>{
console.log(123)
return action(prev,currentChatId)
},initialState)
useEffect(()=>{
if(currentChatTitle){
setConversation((prev,curChatId)=>{
console.log({curChatId})
return prev.map(i=>{
return {
...i,
title: i.id === curChatId ? currentChatTitle : i.title,
}
})
})
}
},[currentChatTitle])
return <div>
<label htmlFor="currentChatId">currentChatId:</label>
<input type="text" id="currentChatId" value={currentChatId} onChange={(e)=>setCurrentChatId(e.target.value)} />
<label htmlFor="currentChatTitle">currentChatTitle:</label>
<input type="text" id="currentChatTitle" value={currentChatTitle} onChange={(e)=>setCurrentChatTitle(e.target.value)} />
<ul>
{
conversation.map(i=>{
return <li key={i.id}>{i.title}</li>
})
}
</ul>
</div>
}
export default App;
```
105 天前 回复了 ooo4 创建的主题 › React › 请教一个关于 useEffect 依赖的问题 |
典型的滥用 useEffect 的例子，@MossFox 的方案是对的，至于 @chesha1 说的不推荐 useMemo ，这里 useMemo 的作用类似于派生状态，心智负担比用 useEffect 小
114 天前 回复了 skytenlc 创建的主题 › React › 想学一下 React，昨天看到一个内容很好的网站，但是看完之后没有续集了， v 友有好的教程吗？ |
那必须是这个
https://overreacted.io/
特别是这篇 useEffect 相关的
https://overreacted.io/a-complete-guide-to-useeffect/
https://overreacted.io/
特别是这篇 useEffect 相关的
https://overreacted.io/a-complete-guide-to-useeffect/
116 天前 回复了 nikelei 创建的主题 › 职场话题 › 28 岁大龄 javaer，失业中迷茫中 |
@kandaakihito 样本不够，拿几个例子就总结出规律我觉得不太准确，我身边也有三本毕业一年，前端 12k 的案例
Select Language