Как использовать состояние в компоненте через Connect

Question

Я используюactjs и redux для создания моего простого приложения.Я следую некоторому руководству и получаю сообщение об ошибке.

Мое соединение

const mapStateToProps = function(state) {
     console.log(state) // WHAT IS FORMAT? {....}
     return {
          messages: state.messages // i don't know state contain messsages key
     }
}

export default connect(mapStateToProps)(MyComponent);

и MyComponent

const MyComponent= ({messages}) => (
        <ul>
            {messages.map(message => (
                <Child
                    key={message.id}
                    {...message}
                />
            ))}
        </ul>
)

Я создаю свой магазин по

createStore(
        reducer, applyMiddleware(myMiddleware())
    );

Но я не знаю state формат.это объект какого-то ключа?Я не нахожу никакого определенного формата state в tut, и я получаю ошибку

Uncaught TypeError: Cannot read property 'map' of undefined

Как это понять и исправить.

Answer 1

Параметр состояния, предоставленный для подключения, является объектом, который содержит текущее состояние редукции.Все, что вы создали с помощью ваших редукторов, будет доступно здесь.

См. https://redux.js.org/api/store#getState для получения дополнительной информации.

В вашем случае, вероятно, вы еще не установили никаких редукторов,и поэтому объект хранилища сообщений еще не заполнен.Если вы пройдете урок, он проведет вас через настройку.