повторяющийся массив данных .map () реагировать - PullRequest
Новая
       101

повторяющийся массив данных .map () реагировать

0 голосов
/ 19 июня 2020

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

Может ли кто-нибудь мне помочь?

Код реакции ниже: 

console.log('>>> [HistoricosAtendimento] props: ', props);
  const viewData = props.historicos || [];
  const convertToArray = Object.values(viewData);
  return (
    <>
      <SC.Container>
        <SC.Item>
          {convertToArray.map((item) => {
            console.log('convertToArray', convertToArray);
            return (
              <SC.Item key={item.protocolo}>
                <SC.Description>{item.textNotas}</SC.Description>
              </SC.Item>
            );
          })}
        </SC.Item>

1 Ответ

0 голосов
/ 19 июня 2020

Просто удалите компонент внешней оболочки: 

     <SC.Container>
        // <SC.Item> <= remove
          {convertToArray.map((item) => {
            // console.log('convertToArray', convertToArray); // should move out of JSX
            return (
              <SC.Item key={item.protocolo}>
                <SC.Description>{item.textNotas}</SC.Description>
              </SC.Item>
            );
          })}
        // </SC.Item>  <= remove
...