用于创建或编辑用户的组件
下面代码的一部分,我在其中将isActive
状态有条件地设置在useEffect
内
我正在获取user_data
的其他字段,并成功更新了state
但只有setIsActive
人没有更新state
function CreateUser() {
const [isActive, setIsActive] = useState<boolean | undefined>();
useEffect(() => {
if (params_user_id?.id != null) {
const SINGLE_USER_URL = `users/${params_user_id.id}/edit`;
const getSingleUser = async () => {
const {data} = await axios.get(SINGLE_USER_URL)
console.log(data)
setIsActive(data.isactive)
console.log('isactive', isActive)
}
getSingleUser();
}
}, [params_user_id])
return (
<>
<Form.Check
defaultChecked={isActive}
className='mb-3'
type='checkbox'
id='active'
onChange={e => setIsActive(!(isActive))}
label='Active: Unselect for deleting accounts.'/>
</>
)
}
Form.Check个从Bootstrap-React
个
When I hit the Edit page
个
我确实try 了很多东西,比如ternary operator
等
checkBox
不是checked
,因为它是undefined