功能 React map 为了创造 , 哪个是不正确的参数

我是新的反应。

A.js


const obj ={
{name:objA, id:11111},
{name:objB, id:22222},
};
const [isRedirect, setIsRedirect] = useState/false/;


xxxxxxx.....................

return/

obj.map//data/ => /
<tablecell onclick="{setIsRedirect/true/}">
data.name
</tablecell>

{ isRedirect ?


<redirect pathname:'="" state:{userid:data.id},="" to="{{" user-management',="" }}=""></redirect> : "" }
/

/


用户管理.JS。


useEffect/// => {
const history = createHashHistory//;
if /history.location.state && history.location.state.transaction/
{
let state = { ...history.location.state };
delete state.transaction;
history.replace/{ ...history.location, state }/;
}


console.log/props.location.state.userID/; // show 22222


}


一旦我点击表格单元格 objA,
代码 user-management.js 表演,
但是当我。 console.log/props.location.state/,
它显示了用户ID 22222 反而 11111.
看起来 props.location.state 在 user-management 始终保持数组的最后一个值 obj json.
如何更改代码?
如果你有帮助,我会感激不尽。
抱歉代码的结构。
已邀请:

快网

赞同来自:

可能发生了别的东西,但我认为处理程序
onClick

它应该是
onClick={// => setIsRedirect/true/}

.

我看到你正试图想象几个
Redirect

C,但你只有一个州
isRedirect

. 全部

呈现组件...您匹配的每个元素。 我怀疑你切换时
isRedirect

true, 您可能会为每个显示的项目接收重定向。 但是,所有这些都被重定向到相同的路径,因此对数据的最后重定向是您所看到的。

句子

只有一个渲染
Redirect

有条件和安装
isRedirect

如何价值
data.id

/

假设标识符始终是真的!

!! /


...

const [redirectId, setRedirectId] = useState/null/;

...

if /redirectId/ {
return /
<redirect '="" pathname:="" redirectid},="" state:="" to="{{" user-management',="" userid:="" {="" }}=""></redirect>
/;
}

return obj.map//data/ => /
<tablecell =="" onclick="{//"> setRedirectId/data.id/}&gt;
{data.name}
</tablecell>
/;

要回复问题请先登录注册