Отображение определенного значения из массива состояний в React.js

Question

Я создаю онлайн-приложение для системы показателей для 9-луночного поля для гольфа, используя React.js, State и рендеринг.Пользователь вводит свою оценку для каждой лунки, которая «толкает» номер лунки и оценку лунки в массив (известный как golferOneScore) в штате.Рендеринг в браузер оказывается трудным, однако, для отображения оценки каждой дыры при попытке рендеринга с помощью метода карты, основанного на значении дыры в массиве ...

Я попытался отобразить массив (особеннодля одного номера отверстия) в моей области HTML.Это работает, но, тем не менее, ограничивает отображение только одной лункой на карту.Когда пришло время сопоставить счет в лунке 2, я теряю отображение своей записи в браузере для лунки 1.

{this.state.golferOneScore.map((data) =>  {
    if (data.hole == 1) { 
        return (<tr><td>golferOne</td><td>{data.score}</td></tr>)
        })};

Ожидаю точного отображения во всех 9 лунках, даже если игрок в гольфследует по какой-либо причине пропустить дыру.

Answer 1

Узнал, что могу просто использовать метод поиска для каждой лунки в гольф

{this.state.nameOneScore.find(scores => scores.hole === '1').score}

Тройное условие для контроля нуля тоже важно.