Невозможно отобразить вывод в React Hooks - PullRequest
Новая
       12

Невозможно отобразить вывод в React Hooks

0 голосов
/ 07 июля 2019

У меня есть список предметов, и при нажатии кнопки он должен отображать больше информации об этом конкретном предмете.Для этого я создал один хук, который получает список всех элементов из API и отображает этот список во время итерации внутри тега <ul>.(это внутри тега возврата.) На каждой итерации она показывает кнопку с именем «Детали» 

<button onClick ={moreInfo.bind(this, post)} >Details</button>

и, когда она нажата, она отправляет информацию об этом объекте из списка в следующий код - 

const moreInfo = (index) => {

         console.log(index.name) //works

          return (  <div> 
                {index.map = ( x => (
                    <div>{x.name}</div>
                    ))} 
             </div>) //no output
       }

console.log отображает имя, но ничего не отображается с помощью тега возврата здесь

1 Ответ

0 голосов
/ 07 июля 2019

Вы не сопоставляете массив, вы просто присваиваете свойство map переменной index Попробуйте сделать это, как это: 

const MoreInfo = (index) => {
    return (  
        <div> 
            {index.map(x => <div>{x.name}</div>)} 
        </div>
    ) 
}
...