javascript - 类型错误 : Cannot read property 'post' of null"

Question

我刚刚开始使用 React，当我尝试进行 Ajax 调用时，遇到了一些麻烦。

我得到:

Inline JSX script:29Uncaught TypeError: Cannot read property 'post' of null

我不知道为什么会收到错误。

我已经测试过，如果我将:{this.state.post} 远离渲染函数，alert(data) 将正确响应。

有人可以帮我吗？

   <script type="text/jsx">

        var SomeComponent = React.createClass({

            render: function(){
                return(
                            <h3>{this.props.header}</h3>
                    );
            }
        });

        React.render( <SomeComponent header="Dette er en tittel :)"/>, document.getElementById('content'));

        var EinarsComponent = React.createClass({

            componentDidMount: function(){
            $.ajax({
                url: "https://api.bring.com/shippingguide/api/postalCode.html",
                data: {clientUrl: "localhost", pnr: "4879"},
                success: function(data){
                    this.setState({post: data});
                    alert(data);
                }.bind(this)    
            });
        },
            render: function(){

                return(         
                        <div>{this.state.post}</div>
                    );
            }
        });

        React.render(<EinarsComponent />, document.getElementById('hei'));
    </script>

Answer 1

组件的初始状态永远不会设置，默认为null。在组件中添加函数 getInitialState:

getInitialState: function(){
  return {
    post: null // Or some other default value that you fancy
  };
}