我正在尝试在material-ui/tabs组件中实现react-hooks useState。我可以使用函数handleChange来做到这一点,但我正在尝试学习实现钩子。useState 适用于输入字段,但不适用于材料 UI 选项卡的 onChange 函数。以下是我的代码:
const [value, setValue] = useState(0)
<Tabs
value={value}
onChange={(event) => setValue(event.target.value)}
variant="scrollable"
scrollButtons="on"
indicatorColor="primary"
textColor="primary"
>
<Tab label="All" />
{subjects.map((subject) => (
<Tab label={subject.subjectName} />
))}
</Tabs>
Run Code Online (Sandbox Code Playgroud)
我尝试使用 useEffect 进行控制台日志,它返回undefinedonChange