React 无法识别 DOM 元素上的 `eventKey`（也是 activeKey）道具答案

【问题标题】：React does not recognize the `eventKey`(also activeKey) prop on a DOM elementReact 无法识别 DOM 元素上的 `eventKey`（也是 activeKey）道具
【发布时间】：2018-12-24 00:37:02
【问题描述】：

我的 React 代码中出现以下错误，我不知道为什么：

React 不能同时识别 eventKey 和 activeKey。

这是我目前所写的：

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      key: 1
    };
    this.handleSelect = this.handleSelect.bind(this);
  }

  handleSelect(key) {
    if (key === 1) {
      console.log(1);
      this.setState({ key: key });
    } else if (key === 2) {
      console.log(2);
      this.setState({ key: key });
    } else {
      console.log(3);
      this.setState({ key: key });
    }
  }
  render() {
    const { classes } = this.props;

    return (
      <div className={classes.root}>
        <AppHeader
          renderNav={({ getNavProps }) => (
            <div {...getNavProps({})}>
              <Tabs
                centered
                defaultValue={"Home"}
                displayName={"defaultExample"}
                noBorder
                renderTab={({ getTabProps }) => <Tab {...getTabProps()} />}
                activeKey={this.state.key}
                onSelect={this.handleSelect}
                id="controlled-tab-example"
              >
                <Tab eventKey={1} title="Tab 1" className={classes.tab}>
                  Tab 1 content
                </Tab>
                <Tab eventKey={2} title="Tab 2" className={classes.tab}>
                  Tab 2 content
                </Tab>
                <Tab eventKey={3} title="Tab 3" className={classes.tab}>
                  Tab 3 content
                </Tab>
              </Tabs>
            </div>
          )}
        />
      </div>
    );
  }
}

export default withStyles(styles)(App);

【问题讨论】：

您的Tabs 组件来自哪里？材质界面？

标签： javascript reactjs dom

【解决方案1】：

听起来你可能会遇到这样的事情：https://reactjs.org/warnings/unknown-prop.html

这是我的最佳猜测，我无法进一步诊断，因为我需要查看 Tabs 和 Tab 组件的结构。

【讨论】：

【解决方案2】：

通常，eventKeys 会抛出这种错误。尝试找到eventKeys, 的替代品，您的问题将得到解决。（我不认为它是标签中的强制性道具）。

【讨论】：