tableのcss border

すぐ忘れるので・・。 jsfiddle.net

    const tableStyle = {
      width: 100, height: 100,
      border: '1px solid green',
    };

const borderStyles = [
  {
    border: '30px solid green',
    borderRightColor: 'red',
  },
  {
    border: '30px solid blue',
  },
];

class Hello extends React.Component {
    constructor() {
    super();
    this.state = { border: 0 };
    setTimeout(() => this.setState({ border: 1 }), 2000);
  }
    render() {
    const style = {
        width: 100, height: 100,
      ...borderStyles[this.state.border],
    };
    return <div style={style} />;
  }
}

ReactDOM.render(
  <Hello />,
  document.getElementById('container')
);