javascript - 如何在 Select 中保留已选中的值?

标签 javascript reactjs react-material

我是 ReactJS 的初学者,我遇到了 Selects 问题。我有一个 SelectMenuItem 呈现一些名称.
我需要的是Select已经在名称列表中检查了一些名称。例如,名称 Van HenryRalph Hubbard已经被列入名单。
为了知道应该标记列表中的哪一项,如果一个数组中的值也在另一个数组中,则比较两个数组。所以我在列表中标记了这个名字。
enter image description here
我将展示一张图片,我想我可以更好地解释:
这是我放在 CodeSandBox 中的代码:https://codesandbox.io/s/material-demo-4iksi?file=/index.js
enter image description here
有人能帮我吗?先感谢您。

最佳答案

您可以使用 filter 新建array来自 names出现在 names2 .然后使用 useEffect 设置您的 personName状态。

The filter() method creates a new array with all elements that pass the test implemented by the provided function.


React.useEffect(() => {
    setPersonName(names.filter((name) => names2.includes(name)));
}, []);
Edit Material demo

关于javascript - 如何在 Select 中保留已选中的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63337671/

相关文章:

javascript - Amazon S3 + CloudFront CORS 问题

javascript - 将 flash youtube 更改为嵌入对象

node.js - 标准_init_linux.go :219: exec user process caused: no such file or directory - docker problem

javascript - 使用 Redux 在 React 中调度 Action 的问题

javascript - DOM Mutation Observers 是否比 DOM Mutation Events 慢?

javascript - 停止函数、数组和整数检查

javascript - React.createElement 将 props 传递给子组件

javascript - 如何在 Express 后端 server.js 文件中设置某些值并在 create-react-app 代码中使用它?

css - 在 Material 设计组件中如何计算原色的明暗版本?

javascript - React - 发送 ref 作为 Prop 不起作用