More than 5 years have passed since last update.

Reactでstateless functionで書くときのstyle指定

React

Last updated at 2018-03-07Posted at 2018-03-07

es6のclassを使わずに、returnでDOMを返す時のstyleの書き方になります。

const hoge = () => {
  const colorStyle = {
    color: '#000',
    backgroundColor: '#FFF',
    padding: '5px',
  };
  return (
    <span style={colorStyle}>fuga</span>
  );
};

export default hoge;

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up