如何将文本添加到特定的映射元素？
如何将文本添加到特定的映射元素？
提问于 2022-03-15 17:55:49
hello在react中构建了一个应用程序，我从api映射了一些数据，并想知道如何将输入中的数据添加到特定的元素中？我不知道如何做到这一点--我尝试过几种不同的方法--我尝试将映射的元素id添加到状态中，并检查id是否与元素id匹配，但我无法使其工作，我可以让它将标记应用于每个元素，但我希望它只是添加到您输入标记的特定元素中。
const [students, setStudents] = useState([]);
const[tag, setTag] = useState([])
function createCard(students, n ){
return(
<Card
key = {n}
id= {n}
firstName = {students.firstName}
lastName = {students.lastName}
pic = {students.pic}
email= {students.email}
company = {students.company}
skill = {students.skill}
grades = {students.grades}
tag={tag}
newTag={newTag}
/>
)}
function newTag(event){
const createdTag = event.target.value;
setTag(createdTag)
console.log(createdTag)
}Stack Overflow用户
回答已采纳
发布于 2022-03-15 18:04:38
如果您想要在react中映射数组，可以使用以下方法
const [students, setStudents] = useState([]);
{students && students.map ( (student , idx) =>
<Card
key = {idx}
onClick = { (e)=>{
// add on specefic idx
let auxiliaryArray = students
auxiliaryArray = auxiliaryArray.filter( (ele , idx) => {
// add logic here
})
setStudents(auxiliaryArray)
}}
>
)}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71486879
复制相关文章
相似问题
腾讯云开发者
