Question

我尝试使用material-ui tabs =>固定标签=>全宽标签面板我具有带有选项卡的功能组件OvertiemsReport：

const TabContainer = ({children, dir}) => (
  <Typography component="div" dir={dir} style={{padding: 8 * 3}}>
    {children}
  </Typography>
);

const OvertimesReport = ({preview = false, tabValue, handleChange, classes}) => (
  <div className={classes.workarea}>
    <Card>
      <CardContent className="overtimes">
        <Typography variant="display2">Отчет о переработках</Typography>
        <Grid container spacing={24} className={classes.gridContainer}>
          <Grid item>
            {preview}
            <div className={classes.root}>
              <AppBar position="static" color="default">
                <Tabs
                  value={tabValue}
                  onChange={handleChange}
                  indicatorColor="primary"
                  textColor="secondary"
                  fullWidth
                >
                  <Tab label="Item One"/>
                  <Tab label="Item Two"/>
                </Tabs>
              </AppBar>
            </div>
          </Grid>
        </Grid>
      </CardContent>
    </Card>
  </div>
);

并且我具有外部handeChange函数
handleChange：value => dispatch（actions.handleChangeTab（value）），

，值存储在redux中。

因此，在单击以更改选项卡之后，在handeChange的输入中，我接收到代理对象，而只是接收到一些选择的选项卡

在handleChange方法中收到的对象是这样的：

Answer 1

使用onChange和Tabs作为参数调用为event组件的value道具赋予的功能。

如果将事件处理程序更改为此，它将起作用：

handleChange: (event, value) => dispatch(actions.handleChangeTab(value)),

在materia-ui / Tabs中的change选项卡时，有代理对象而不是索引吗？

1 个答案: