minte9

LearnRemember   JAVASCRIPT

React-Bootstrat / Bootstrap

React-Bootstrap is a library of reusable frontend components that contains JSX templates. Add boostrap to /public/index.html

 
<link rel="stylesheet" crossorigin="anonymous" 
 href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 
 integrity = 
 "sha384-aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
/>

Bootstrap button

Add a button to App

 
import React, { Component } from 'react';
import { Button } from 'react-bootstrap'; // import bootrap

class App extends Component {
  render() {
    const isValid = true;
    return (
      <div className="App">
        <Button variant="primary" disabled={!isValid}>
           Default // button
        </Button>
    </div>
    );
  }
}

export default App;