props

React

propsとは

親コンポーネントから子コンポーネントにデータを渡したいときに使う

親コンポーネント

import Article from './components.Article'
function App() {
  return (
    <div>
      <Article
        title = {'タイトル'}
        content = {'内容'}
      />
    </div>
  );
}
export default App;

子コンポーネント

const Article = (props) => {
  return (
    <div>
      <h2>{props.title}</h2>
      <p>{props.content}</p>
    </div>
  );
};
export default Article;
BACK