Button.jsx

import React from 'react';
import { render } from 'react-dom';

const Button = ({ color, children, ...props }) => (
  <button style={{ color }} {...props}>{children}</button>
)
  
render((
  <div>
    <Button color="red">Button1</Button>
    <Button color="red" onClick={() => console.log('Yeahhs')}>Button2</Button> {/* Okay! */}
  </div>
), document.getElementById('root'));