​

​

const MyButton = (props)=>{

  return( 

     <button style={{ 'backgroundColor':props.backcolor, 

                      'padding':'10px 20px',

                      'color':'#FFFFFF',

                      'border':'none',

                      'margin':'10px',

                      'min-width':'100px'}}> 

      { props.text } 

     </button>

  )

}

​

​

class MyComponent extends React.Component {

  render() {

     return( 

       <div>

         <MyButton text="Kaydet" backcolor="green" />

         <MyButton text="Çık" backcolor="red" />

         <MyButton text="Gönder" backcolor="#3f51b5" />

         <MyButton text="Giriş" backcolor="#ff9800" />

       </div>)

    }

}

​

​

​

ReactDOM.render(<MyComponent />, 

       document.getElementById('root'));