我正在使用語義反應 ui 來制作菜單。利用活動狀態功能。在這種情況下，當您訪問鏈接時，它會獲得焦點或下劃線。然而，在我的實現中，我將它作為道具傳遞給子組件。見下文...class DesktopContainer extends Component { state = {} handleItemClick(event) {  var { name } = event.target;  this.setState({   activeItem: name  }) } render() {  const { GenericHeadingComponent, children, getWidth, isLoggedIn, logOutUser } = this.props  const { fixed, activeItem } = this.state  return (   <Responsive getWidth={getWidth} minWidth={Responsive.onlyTablet.minWidth}>        <GenericIsUserLoggedInLink         isHomeButton={true}         key="1"         name='home'         active={activeItem === 'home'}         handleItemClick={this.handleItemClick} /* is this correct */         mobile={false}        />        <GenericIsUserLoggedInLink         isLoggedIn={isLoggedIn}         route="/profile"         anchorText="Profile"         key="2"         name='profile'         active={activeItem === 'profile'}         handleItemClick={this.handleItemClick} /* is this correct */         mobile={false}        />        <GenericIsUserLoggedInLink         isLoggedIn={isLoggedIn}         route="/dashboard"         anchorText="Dashboard"         key="3"         name='dashboard'         active={activeItem === 'dashboard'}         handleItemClick={this.handleItemClick}  /* is this correct */         mobile={false}        />        <Menu.Item position='right'>         <Button inverted={!fixed}>          <GenericIsUserLoggedInLink           route="/login"           isLoggedIn={isLoggedIn}           logOutUser={logOutUser}           key="4" />         </Button>         <Button inverted={!fixed} primary={fixed} style={{ marginLeft: '0.5em' }}>          <Link href="/register">           <a>Register</a>          </Link>         </Button>        </Menu.Item>       </Container>      </Menu>      <GenericHeadingComponent />     </Segment>    </Visibility>    {children}   </Responsive>  ) }}我應該將狀態移到 HOC 中嗎？我沒有收到錯誤，所以我很難過。