JavaScript数组find()方法返回undefined，请问问题出在哪？

1. 状态更新异步导致传参错误 #

React的setResellersId是异步更新状态的，你在调用dispatch(toggleResellers(resellersId))时，resellersId还是更新前的旧值，并非刚获取的按钮id。直接用按钮id作为参数分发即可，无需先存入组件状态：

const handleDetailsModal = (e) => {
    const targetId = e.currentTarget.id;
    dispatch(uiAction.toggle());
    dispatch(toggleResellers(targetId));
}

2. initialState结构与slice访问方式不匹配 #

你的initialState本身就是经销商对象数组，但slice的toggleResellers里却尝试访问state.resellers，这会导致state.resellers为undefined，调用find自然返回undefined。应该直接对state调用find方法：

toggleResellers(state, action) {
    const resellerId = action.payload;
    const clickedReseller = state.find((reseller) => reseller.id === Number(resellerId));
    console.log(clickedReseller);
}

3. 类型不匹配导致查找失败 #

按钮的id属性是字符串类型，而你initialState里的id是数字类型（比如1），用===全等比较时，字符串和数字不会匹配。需要把传入的resellerId转换成数字类型，比如用Number(resellerId)或者parseInt(resellerId, 10)。

内容的提问来源于stack exchange，提问作者Jay Henry