react hook useEffect throwing Assignment to const variable 错误

Question

我正在编写一些代码，但遇到了这个错误。我以前没有在我的其他项目中看到它出现，所以我不确定为什么它会出现在这里。我正在使用 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;

非常感谢任何建议或建议。

Answer 1

setTitleId=(32); 导致错误，您的意思是 setTitleId(32);。

通过执行 setTitleId=(32) 你试图将一个值赋给一个 const 声明，该声明持有对 useState 返回的函数指针的引用，因此你得到 Assignment to const variable 错误

react hook useEffect throwing Assignment to const variable 错误

react hook useEffect throwing Assignment to const variable error

reactjs

react-hooks

use-effect