为什么我不能更改变量的值？

Question

我有 3 个组件：

第一个是这个：

const App = () =>{
const [date, setDate] = useState(new Date())
return (
<MyComponent date={date} setDate={(mydate) => {setDate(mydate)}} />
)
}
export default App;

第二个是那个：

const MyComponent = (props) =>{
    return (
    <MyComponent2 date={props.date} setDate={(mydate) => {props.setDate(mydate)}} />
    )
    }
    export default MyComponent;

最后一个是这个：

const MyComponent2 = (props) =>{
    props.setDate(new Date("February 5, 2001 18:15:00"))
    console.log(props.date)


    return (
    <p>Hello</p>
    )
    }
    export default MyComponent2;

但我收到以下错误：TypeError: props.setdate is not a function

你能帮帮我吗？

非常感谢！

Answer 1

您没有收到道具，为此更改您的声明：

const MyComponent = (props) => ....
const myComponent2 = (props) => ...

为什么我不能更改变量的值？

Why I cannot change the value of my variable?

date

reactjs