这个反应。setState不是一个函数

继续得到这个错误，而试图写一个应用程序与第三方API工作

TypeError:这个。setState不是一个函数

当我试图处理API响应时。我怀疑这个装订有问题，但我不知道怎么修。这是我的组件的代码:

var AppMain = React.createClass({
    getInitialState: function() {
        return{
            FirstName: " "
        };
    },
    componentDidMount:function(){
        VK.init(function(){
            console.info("API initialisation successful");
            VK.api('users.get',{fields: 'photo_50'},function(data){
                if(data.response){
                    this.setState({ //the error happens here
                        FirstName: data.response[0].first_name
                    });
                    console.info(this.state.FirstName);
                }

            });
        }, function(){
        console.info("API initialisation failed");

        }, '5.34');
    },
    render:function(){
        return (
            <div className="appMain">
            <Header  />
            </div>
        );
    }
});

当前回答

在我的情况下，问题是我发送的状态和setstate作为道具的子组件，但在setstate有一个打字错误

2021-12-16 13:37:12

其他回答

使用from arrow函数来处理动作。

2021-11-22 06:28:36

现在在react with es6/7中，你可以像这样用箭头函数将函数绑定到当前上下文，发出请求并解决承诺:

listMovies = async () => {
 const request = await VK.api('users.get',{fields: 'photo_50'});
 const data = await request.json()
 if (data) {
  this.setState({movies: data})
 }
}

使用这个方法，你可以很容易地在componentDidMount中调用这个函数，并在渲染函数中渲染html之前等待数据。

我不知道你项目的大小，但我个人建议不要使用组件的当前状态来操作数据。你应该使用外部状态比如Redux或者Flux或者其他的。

2018-03-25 20:29:15

在我的情况下，问题是我发送的状态和setstate作为道具的子组件，但在setstate有一个打字错误

2021-12-16 13:37:12

在这里，这个上下文正在发生变化。使用箭头函数保持React类的上下文。

        VK.init(() => {
            console.info("API initialisation successful");
            VK.api('users.get',{fields: 'photo_50'},(data) => {
                if(data.response){
                    this.setState({ //the error happens here
                        FirstName: data.response[0].first_name
                    });
                    console.info(this.state.FirstName);
                }

            });
        }, function(){
        console.info("API initialisation failed");

        }, '5.34');

2018-09-21 06:41:18

使用箭头函数，因为箭头函数指向父作用域，这将是可用的。 (替代绑定技术)

2019-09-11 14:04:47

这个反应。setState不是一个函数

推荐文章

最新文章

标签