小编kas*_*521的帖子

将根组件包装在<Provider>中,或者显式地将"store"作为prop传递给"Connect(CharacterList)"

我试图测试我的React"supersquadapp"并得到以下错误.

未捕获错误:无法在"Connect(CharacterList)"的上下文或道具中找到"store".将根组件包装在a中,或者将"store"显式传递为"Connect(CharacterList)"的prop.

characterlist.js

import React, { Component } from 'react';
import { connect } from 'react-redux';

class CharacterList extends Component {
    render() {
        console.log('this.props', this.props);
        return (
            <div>
                <h4>characters</h4>
            </div>
        )
    }

}
function mapStateToProps(state) {
    return {
        characters: state.characters
    }
}

export default connect(mapStateToProps, null)(CharacterList);
Run Code Online (Sandbox Code Playgroud)

app.js

import React, {Component} from 'react';
import CharacterList from './CharacterList';

class App extends Component {
    render() {
        return (
            <div>
                <h2>SUPER SQUAD</h2>
                <CharacterList />
            </div>
        )
    }
} 
export default App;
Run Code Online (Sandbox Code Playgroud)

index.js

import React …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-redux

9
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

react-redux ×1

reactjs ×1