我有一段代码:App.js
import React, { useState} from 'react';
import Input from './Components/Input';
export default function App() {
const [state,setState]=useState(0);
const handler=()=>{
setState(prev=>prev+1);
}
return <>
<Input></Input>
<button onClick={handler}>Change state</button>
<p>{state}</p>
</>
}
和Input.js:
export default function Input()
{
return <input type="text"></input>
}
问题是,在通过单击按钮更改状态时,输入不会重新渲染,而它应该作为父级重新渲染。当我使用<input type="text">而不是<Input></Input>时也是如此。我没有使用严格模式