質問: やりたいこと: propsで文章を受け取る→「。」を``で置き換えたい 困っていること: template stringを使った書き方がわからない; テンプレートストリングがJSXElementをどう扱っているのかわからない 試したこと: 調べたコードを試した; ``や{}で囲むなど 現状のコード ``` {props.desc.split('。').map(s => ( {s} )} ```
回答: こんにちは を使って、以下でいけるかと思います。 ``` {props.desc.split('。').map((line, i) => {line}) } ``` * **動作確認用CodePen:** 以上、参考になれば幸いです。 ### 備考 には <> という短い記法がありますが、`<>` の場合、 配列要素になるコンポーネントに渡さなければならない、 `key` prop を使えないので、上記のように、省略しないで と書きます。