Question

我的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);

Answer 1

听起来可能像这样：https://reactjs.org/warnings/unknown-prop.html

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

React无法识别DOM元素上的`eventKey`（也是activeKey）属性

1 个答案: