Вопросы Теги

Является ли это правильным способом отображения данных в React из запроса выборки, если нет, то как мне изменить отображение JSX на компонент?

Один из способов, которые я сделал в прошлом, - использовать двойной указатель. 

MyClass ** myvar;
myvar = new Myclass*[num]
for(int i = 0; i < 4; i++){
*(myvar+i) = new Myclass(i);}

Работает с практически любой структурой управления, которую вы можете себе представить, единственным препятствием является то, что объекты не являются обязательно будет последовательно в куче.

1
задан Kaleidics 20 March 2019 в 04:41
поделиться

1 ответ

Я бы сделал компонент (или функцию, если это кажется более подходящим) для визуализации отдельной монеты.

Вы можете сделать компонент <Coin> и передать ему необходимые данные в виде реквизита: 

render() {
  return (
    <div className='purse'>
      {this.state.lists.map((coin, index) => <Coin data={coin} index={index} key={coin.CoinInfo.Id} />)}
    </div>
  );
}

Или просто переместить рендеринг монеты в новую функцию: 

renderCoin(coin, index) {
  return <ul className='coin-containers' key={coin.CoinInfo.Id}>
    <li><img className='coinImages' src={`${API_BASE_IMAGE}${coin.CoinInfo.ImageUrl}`} alt={coin.CoinInfo.FullName}/>
    </li>
    <li>{index + 1}</li>
    <li>{coin.CoinInfo.FullName}</li>
    <li className='ticker'>{coin.CoinInfo.Name}</li>
    <li>{coin.DISPLAY.USD.PRICE}</li>
    <li>{coin.DISPLAY.USD.SUPPLY}</li>
    <li>{coin.DISPLAY.USD.MKTCAP}</li>
    <li>24HR</li>
    <li>{coin.DISPLAY.USD.CHANGEPCT24HOUR}%</li>
  </ul>;
}
render() {
  return (
    <div className='purse'>
      {this.state.lists.map((coin, index) => this.renderCoin(coin, index))}
    </div>
  );
}
0
ответ дан Scotty Waggoner 20 March 2019 в 04:41
поделиться
Другие вопросы по тегам:

Похожие вопросы: