'Невозможно прочитать свойство' map 'of undefined' при использовании connect с mapStateToProps - PullRequest
0 голосов
/ 03 октября 2018

Я пытаюсь отобразить свое состояние (пользователи) в моем функциональном компоненте реагировать / редуцировать:

const Dumb = ({ users }) => {
  console.log('users', users)
  return (
    <div>
      <ul>
        {users.map(user => <li>user</li>)}
      </ul>
    </div>
  )
}

const data = state => ({
  users: state
})


connect(data, null)(Dumb)

Тупой используется в компоненте контейнера.У оператора users.map есть проблема, но я думал, что данные были введены через оператор connect?Редуктор имеет начальное состояние с одним именем:

const users = (state = ['Jack'], action) => {
  switch (action.type) {
    case 'RECEIVED_DATA':
      return action.data

    default:
      return state
  }
}

CodeSandbox

1 Ответ

0 голосов
/ 03 октября 2018

Вы не используете подключенный компонент во время рендеринга и, следовательно, реквизиты недоступны в компоненте

const ConnectedDumb = connect(
  data,
  null
)(Dumb);

class Container extends React.Component {
  render() {
    return (
      <div>
        <ConnectedDumb />
      </div>
    );
  }
}

Рабочая демонстрация

...