React-Bootstrap Help Getting Started

Hey everyone, I am just starting to use React-Bootstrap and having issues getting any of the components in this framework to render to the screen. Here is a simple example of rendering a component and my codepen link:

var Button = ReactBootstrap.Button;
class App extends React.Component{
  
  render(){
    return(
      <div>
        <div>This Renders</div>
        <Button>This Doesn't</Button>
      </div>
    )
  }
}

ReactDOM.render(
<App/>,
  document.getElementById("app")
)

https://codepen.io/InfiniteSet/pen/xLNLox

Any help would be much appreciated, thank you!

Honestly don’t know why it doesn’t work in your pen. I forked your pen, changed version of react-bootstrap to 0.30.5 and now it works fine.
https://codepen.io/prokhorova_ann26/pen/xLNXYE

1 Like

I guess I will be using this version of React-Bootstrap for the time being, thank you!