オブジェクトの配列のテンプレート文字列に JSX 要素を追加することはできますか?
<a>、<p> のような JSX 要素をテンプレート文字列内のオブジェクトの配列に追加しようとしています。このプロジェクトには、portfolio.jsx というファイルがあります。配列を保存します。配列をマップするための Projects.jsx という別のファイルと、データを表示するためのすべての jsx と props を保持する ProjectsItem.jsx ファイルです。
上に示したように、説明オブジェクトのテンプレート文字列に追加しようとしていますが、それを実行しようとすると、文字列化されたオブジェクトが返されるか、[オブジェクト, オブジェクト] が表示されます。
次のように、配列の外にある JSX 要素で const を使用してみました。
リーリーインラインで挿入してみました
リーリーの場合、[オブジェクト, オブジェクト] が返されるか、特定のタイプと詳細をすべて含む文字列化された要素が返されます。
私は React に比較的慣れていないので、これが可能かどうかはわかりませんが、何か問題がある場合は、これを理解するのを手伝ってくれる人に本当に感謝します。ありがとう!
念のため、このプロジェクトの GitHub リポジトリは https://github.com/fred-gutierrez/React-Portfolio
です。