@9softstudio/react-breadcrumb 中文文档教程
react-breadcrumb
Install
npm i @9softstudio/react-breadcrumb
Usage
import { Breadcrumb } from '@9softstudio/react-breadcrumb'
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
level: 3
};
}
render() {
const items = [];
items.push({ label: "Level 1", value: 1, });
items.push({ label: "Level 2", value: 2, });
items.push({ label: "Level 3", value: 3, });
return (
<div>
<Breadcrumb items={items} value={this.state.level} onChange={(item) => this.setState({level: item.value})}/>
<div>
Level : {this.state.level}
</div>
</div>
)
}
}
License
麻省理工学院
react-breadcrumb
Install
npm i @9softstudio/react-breadcrumb
Usage
import { Breadcrumb } from '@9softstudio/react-breadcrumb'
export default class App extends Component {
constructor(props) {
super(props);
this.state = {
level: 3
};
}
render() {
const items = [];
items.push({ label: "Level 1", value: 1, });
items.push({ label: "Level 2", value: 2, });
items.push({ label: "Level 3", value: 3, });
return (
<div>
<Breadcrumb items={items} value={this.state.level} onChange={(item) => this.setState({level: item.value})}/>
<div>
Level : {this.state.level}
</div>
</div>
)
}
}
License
MIT
更多
你可能也喜欢
- 1uphealth-provider-search 中文文档教程
- @0xsequence/deployer 中文文档教程
- @10play/phoenix-table 中文文档教程
- @168-cli/log 中文文档教程
- @1amageek/firestore-commerce 中文文档教程
- @1mmunity/discord-bot-base 中文文档教程
- @20i/detect-env-browser 中文文档教程
- @3b4b/circle-button-ad 中文文档教程
- @40three/kendo-angular-extensions 中文文档教程
- @555platform/555-connection 中文文档教程