JSX で HTML のように属性値を渡すとkeyやref（React が扱う値）以外はpropsとして子コンポーネントに渡せます。
例です。
React JSX
const Child = props => {
return {props.text || "default text"};
};
const App = () => {
return (
);
};Childはtext属性を使っているので、親が使うときにtext属性を置いてあげるとその値を使うことができます。ですが、この値はが必ず渡されるという保証はありません。
予期しない動作にならないように、子ではフォールバック値が使われるように|| "default text"のように設定しておくと安心です。
