javascript - React Uncaught TypeError: this.setState is not a function

This is my first React code. I am trying to call a Restful web services from React. It kept saying "Uncaught TypeError: this.setState is not a function". I couldn't figure out what's wrong with the code.

<!DOCTYPE html>
<html>
    <head>
        <title>React Flux</title>
        <script src=".13.3.js"></script>
        <script src=".13.3.js"></script>
        <script src=".1.4.min.js"></script>
    </head>
    <body>
        <div id="ponent"></div>

        <script type="text/jsx">

            var JavaEEWSTest = React.createClass({
                getInitialState: function () {
                    return {text: ''};
                },
                ponentDidMount: function(){
                    $.ajax({
                        url: "http://localhost:8080/rest/user/456"
                    }).then(function(data) {
                        this.setState({text: data.name});
                    }).bind(this)
                },
                render: function() {
                    return <div>Response - {this.state.text}</div>;
                }
            });

            React.render(<JavaEEWSTest />, document.getElementById('ponent'));
        </script>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <title>React Flux</title>
        <script src="https://fb.me/react-0.13.3.js"></script>
        <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
        <script src="http://code.jquery./jquery-2.1.4.min.js"></script>
    </head>
    <body>
        <div id="ponent"></div>

        <script type="text/jsx">

            var JavaEEWSTest = React.createClass({
                getInitialState: function () {
                    return {text: ''};
                },
                ponentDidMount: function(){
                    $.ajax({
                        url: "http://localhost:8080/rest/user/456"
                    }).then(function(data) {
                        this.setState({text: data.name});
                    }).bind(this)
                },
                render: function() {
                    return <div>Response - {this.state.text}</div>;
                }
            });

            React.render(<JavaEEWSTest />, document.getElementById('ponent'));
        </script>
    </body>
</html>

Share Improve this question asked Jan 17, 2016 at 14:24 johnsam 4,5829 gold badges44 silver badges58 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 11

You need set this to callback function

$.ajax({
  url: "http://localhost:8080/rest/user/456"
}).then(function(data) {
 this.setState({text: data.name});
}.bind(this))
^^^^^^^^^^^

but not for $.ajax/then - }).bind(this)

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - React Uncaught TypeError: this.setState is not a function - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)