-
Notifications
You must be signed in to change notification settings - Fork 49
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Supporting dynamic nav group item #24
Comments
Same thing here. Based on class Sidebar extends React.Component {
constructor(props) {
super(props)
this.state = {
plugins: [
{
id: 1,
title: 'Plugin #1'
}
]
}
}
render() {
return (
<Pane ptSize="sm" sidebar>
<NavGroup activeKey={1} onSelect={this.onSelect}>
<NavTitle>Plugins</NavTitle>
{this.state.plugins.map(function(plugin) {
return <NavGroupItem eventKey={plugin.id} glyph='home' text={plugin.title} />
})}
</NavGroup>
</Pane>
)
}
} I'm getting:
We shine the bat signal for you guys, @ragingwind @importre |
I managed to get this working by using plain JS instead of JSX for this part. const tableItems = this.state.tables.map(this.renderTableItem);
tableItems.unshift(<NavTitle>some title</NavTitle>);
const navGroup = React.createElement(NavGroup, {}, tableItems);
return (
<Pane ptSize="sm" sidebar>
{navGroup}
</Pane>
); However, it would be great if this would work without this ugly workaround. |
+1 for this suggestion, or at the very least have a different error message for this case / noting that dynamically adding |
How can i use dynamic list of in
without modifying package
that results like this
any suggestion?
The text was updated successfully, but these errors were encountered: