React JS с Redux не обновляет состояние срабатывания

Wai Yan Hein спросил: 11 июня 2018 в 11:04 в: reactjs

Я разрабатываю простое веб-приложение с использованием React JS и Redux. То, что я делаю сейчас, просто обновляет состояние через действия. Но он не работает.

У меня есть компонент, подобный этому

@connect((store) => {
    return {
        tweets: store.tweets.tweets
    }
})
class TweetListComponent extends React.Component{    constructor(props)
    {
        super(props);
        this.props.dispatch(fetchTweets());
        this.state = { tweets : this.props.tweets };
    }    render()
    {
        var todos = this.state.tweets.map((item, index)=>{
            return <li>{item}</li>;
        })
        return (
        <div>
            <h3>Tweet List</h3>
            <ul>
            {todos}
            </ul>
        </div>  
        );
    }}module.exports = TweetListComponent; 

Как вы можете видеть в конструкторе, я вызываю функцию fetchTweets (), которая действие Redux импортировано. Затем получить свойство твитов состояния TweetsReducer.

Это определение редуктора твита.

export default function reducer(state={
    tweets : [ "this is default" ]
}, action){
    switch(action.type)
    {
        case 'FETCH_TWEETS': {
            return { tweets: ["How", "are", "you", "doing"] };
        }
    }
    return state;
}

В соответствии с моим кодом он должен отображать этот массив , ["How","are","you","doing"], потому что я снова вызвал fetchTweets action в конструкторе, чтобы обновить значение. Но он все равно возвращает этот массив, ["this default"]. Как я могу решить проблему?


0 ответов