小编Vib*_*rma的帖子

单击其他组件中的某个按钮时更改语义 UI 选项卡

我有我的组件,其中下面的代码ANADB是我的其他组件和SomeComponent是我在哪里呈现A,并B随着TabExampleSecondaryPointing组件。

import { Tab } from 'semantic-ui-react';

const panes = [
  { menuItem: 'A', render: () => <Tab.Pane attached={false}> <A/> </Tab.Pane> },
  { menuItem: 'B', render: () => <Tab.Pane attached={false} > <B/> </Tab.Pane> },
]

const TabExampleSecondaryPointing = () => (
   <Tab menu={{ secondary: true, pointing: true }} panes={panes} />
)

class SomeComponent extends Component {
  render() {
      return (
        <div>
           <TabExampleSecondaryPointing />
        </div>
      );
  }
}
Run Code Online (Sandbox Code Playgroud)

我想要做的是当我单击组件内部的某个按钮 …

javascript reactjs semantic-ui semantic-ui-react

5
推荐指数
1
解决办法
4547
查看次数