タイトルは次のように書き換えられました: 何があっても配列から値を取得できません

Question

React コンポーネントで配列のデータを表示しようとしています。

必要なデータは、console.log() 経由でブラウザ開発者コンソールで確認できます。

FinalRecords.js::recordTitle: (4)

0: {メンバー: 配列(10)、ID: 62、タイトル: 'RR 1980 レコード 1'、ストア ID: 1088}
1: {メンバー: 配列(10)、ID: 63、タイトル: 'RR 1980 レコード 2'、ストア ID: 1088}
2: {メンバー: 配列(10)、ID: 64、タイトル: 'RR 1980 レコード 3'、ストア ID: 1088}
3: {メンバー: 配列(10)、ID: 65、タイトル: 'RR 1980 レコード 4'、ストア ID: 1088}
長さ: 4
[[プロトタイプ]]: Array(0)
<p>しかし、<code>title</code> を取得する方法がわかりません。 </p>
<p>さまざまなことを試してきましたが、これが最新のものです: </p>
<pre class="brush:php;toolbar:false;">render() {
        const { レコード ID、レコード、バンド名 } = this.props;

        var data = records.filter((r) => r.id === レコード ID);

        var records = data.toArray();

        console.log("FinalRecords.js :: RecordTitle: ", レコード);

        return <div> レコード - {findRecordTitle(records, RecordId) } - {bandName || ''} </div>
    }

}

関数 findRecordTitle(レコード, id) {
    return records.find((レコード) => {
        戻りレコード.id === id;
    })
}

id を使用して、レコードの title を取得する必要があります。

ただし、常に空白です。

何か悪いことをしましたか?

Answer 1

この関数の名前は、この関数が「タイトル」(文字列値として解釈します) を返すことを期待していることを意味します。 リーリー

ただし、この関数のどこにも「タイトル」とは関係がありません。

records 配列内の一致するオブジェクト (または null) を返します。オブジェクトの title プロパティだけを返したい場合は、単にプロパティを返します: リーリー

---

編集: JavaScript 環境で

オプションのチェーン を使用できない場合は、オブジェクトを使用する前に null を明示的にチェックできます: リーリー

または、

null などの代わりに空の文字列をデフォルトにすることもできます。