Question

我想使用react-redux和axios来获取一些json数据，并更新我的组件，但我已经多次尝试过，它仍然不起作用，生成的html是这样的：

<div id="root">
    <simple_result_container data-reactroot=""></simple_result_container>
</div>

这是我的代码，我错过了什么？请尽可能地告诉我，这对我来说非常困惑，你能解释一下如何使用react-redux来获取和显示json数据。任何帮助将不胜感激。

index.js

render(
    <Provider store={store}>
        <simple_result_container ddd="da" />
    </Provider>,
    document.getElementById('root')
);

simple_result_container.js

@connect(state => state, dispatch => bindActionCreators({get_simple_result}, dispatch))
export class simple_result_container extends Component {
    constructor(props) {
        super(props);
    }

    componentWillMount() {
        const {simple_result_value} = this.props.simple_result_tmp;
        if (simple_result_value === "") {
            this.props.get_simple_result();
        }
    }
    render() {
        const {simple_result_value} = this.props.simple_result_tmp;
        return (
            <div className={bb}>
                <div className="aa">
                    <simple_result_component
                        code={simple_result_value.code}
                        msg={simple_result_value.msg}
                    />
                </div>
            </div>
        );
    }
}

Answer 1

组件名称必须写为大写。

请参阅HTML tags vs React Components

react-redux无法显示我的容器

1 个答案: