【React】props

propsを渡すってそういうことだったのか

qiita.com

import React from 'react';

const App = () => {
  return (
    <div>
      <Friend name={'Hosei'} />
    </div>
  );
};

const Friend = props => {
  return <div>{props.name} is my friend </div>;
};

export default App;

これで " Hosei is my friend "が表示されるワケですね。

Rails のActiveRecordテーブルのカラムから値を持ってくるのと似ている！アナロジー！

あえて対応させてみるなら

React	Rails
const Friend	Friendテーブル
props	nameカラムの値

mergePropsとかが現れて目が回っていたのは
根本の「props渡すって何よ」っていう状態だったからでした（ありがち）