我正在处理一些代码,但我被困在此错误上。 我以前在我的其他项目中没有看到它出现过,所以我不确定它为什么在这里。 我正在使用 useEffect 钩子,我想在用户从下拉列表中选择一个选项时更新它。 发生的情况是,当用户选择一个选项时,我收到以下错误TypeError: Assignment to constant variable.
。 我知道这是在说我正在尝试更新一个不会发生的常量,但我不明白为什么。 不幸,
我无法确定如何正确呈现我的代码,但接下来的两行是我遇到问题的代码行。 然后是我正在处理的完整代码。
const [TitleId, setTitleId] = useState(0);
const TitleSelect = event =>{
console.log(event.target.value);
setTitleId=(32);
};
import React, {useState,useEffect} from 'react';
// import '../app.css';
const Header = props=> {
const [TitleList, setTitleList] = useState([]);
const [TitleId, setTitleId] = useState(0);
useEffect(()=>{
console.log('first start');
setTitleList(
props.data.map((title,index)=>({
title: title.title,
id: index
}))
)
},[])
const TitleSelect = event =>{
console.log(event.target.value);
setTitleId=(32);
};
let content = (
<select
onChange={TitleSelect}>
{TitleList.map(title=>(
<option key={title.id} value={title.id}>
{title.title}
</option>
))}
</select>)
return(content);
}
export default Header;
任何建议或建议将不胜感激。
setTitleId=(32);
导致错误,你的意思是setTitleId(32);
。
通过执行setTitleId=(32)
,您尝试将值分配给一个 const 声明,该声明包含对useState
返回的函数指针的引用,因此您得到了Assignment to const variable
错误