小编Suj*_*shi的帖子

在material-ui选项卡容器中实现react hooks useState不起作用

我正在尝试在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

tabs reactjs material-ui react-hooks

4
推荐指数
1
解决办法
4930
查看次数

标签 统计

material-ui ×1

react-hooks ×1

reactjs ×1

tabs ×1