検索

ホームページ  >  に質問  >  本文

オブジェクトの配列のテンプレート文字列に JSX 要素を追加することはできますか?

<a>、<p> のような JSX 要素をテンプレート文字列内のオブジェクトの配列に追加しようとしています。このプロジェクトには、portfolio.jsx というファイルがあります。配列を保存します。配列をマップするための Projects.jsx という別のファイルと、データを表示するためのすべての jsx と props を保持する ProjectsItem.jsx ファイルです。

リーリー

上に示したように、説明オブジェクトのテンプレート文字列に追加しようとしていますが、それを実行しようとすると、文字列化されたオブジェクトが返されるか、[オブジェクト, オブジェクト] が表示されます。

次のように、配列の外にある JSX 要素で const を使用してみました。

リーリー

インラインで挿入してみました

リーリー

の場合、[オブジェクト, オブジェクト] が返されるか、特定のタイプと詳細をすべて含む文字列化された要素が返されます。

私は React に比較的慣れていないので、これが可能かどうかはわかりませんが、何か問題がある場合は、これを理解するのを手伝ってくれる人に本当に感謝します。ありがとう!

念のため、このプロジェクトの GitHub リポジトリは https://github.com/fred-gutierrez/React-Portfolio

です。
P粉366946380P粉366946380429日前600

全員に返信(1)返信します

  • P粉715304239

    P粉7153042392023-09-12 10:43:48

    div を追加して完了します。これがお役に立てば幸いです。

    リーリー

    返事
    0
  • キャンセル返事