首页 > 解决方案 > 在 TextField 类型日期上设置 dateValue

问题描述

使用以下代码时出现错误:

 const {dateBegin,setDateBegin} = React.useState(new Date())
    <TextField
                        id="date"
x                        label="Início "
                        type="date"
                        defaultValue = {"2000-01-01"}
                        multiline={false}
                        onChange={(e) => setDateBegin(e.target.value) }

                        InputLabelProps={{
                            color:'secondary',
                            className:"DatePicker",
                        style : {color:"#ffff",},
                        shrink: true,
                        
                        }}
                        inputProps={{
                            style: { color: "#ffff" },
                          }}
                          
                        />

每当我使用小日历更改输入值时,页面都会给我一个错误:TypeError:setDateBegin 不是函数。这很奇怪,自从我开始使用 react 以来,我一直在使用这样的 useStates。

标签: reactjs

解决方案


您正在错误地解构 useState 。尝试:

const [dateBegin, setDateBegin] = useState()

useState 返回此数组而不是对象。


推荐阅读