Reactjs React Js:如何重新加载通过ajax加载的初始数据?

Reactjs React Js:如何重新加载通过ajax加载的初始数据?,reactjs,Reactjs,我从外部JSON中获取初始数据 componentDidMount: function() { .... $.get(jsonfile, function(data) { .... 但是“jsonfile”的状态通过输入改变。 当“jsonfile”属性的状态改变时,会再次调用render方法,但我还想重新运行$.get请求。 正确的(react)方法是什么?如果可以,请从您的项目上传一些代码 据我所知,您正在调用一个API来生成一个JSON响应,并且您对同一个JSON有一个用户输入 在这种情

我从外部JSON中获取初始数据

componentDidMount: function() { .... $.get(jsonfile, function(data) { ....
但是“jsonfile”的状态通过输入改变。 当“jsonfile”属性的状态改变时,会再次调用render方法,但我还想重新运行
$.get
请求。
正确的(
react
)方法是什么?

如果可以,请从您的项目上传一些代码

据我所知,您正在调用一个API来生成一个JSON响应,并且您对同一个JSON有一个用户输入

在这种情况下,如果您希望对API进行补充调用,则应该将API调用放在react组件提供的正确生命周期方法中


请参见

如果可以的话,请从您的项目上传一些代码

据我所知,您正在调用一个API来生成一个JSON响应,并且您对同一个JSON有一个用户输入

在这种情况下,如果您希望对API进行补充调用,则应该将API调用放在react组件提供的正确生命周期方法中


请参见

如果可以的话,请从您的项目上传一些代码

据我所知,您正在调用一个API来生成一个JSON响应,并且您对同一个JSON有一个用户输入

在这种情况下,如果您希望对API进行补充调用,则应该将API调用放在react组件提供的正确生命周期方法中


请参见

如果可以的话,请从您的项目上传一些代码

据我所知,您正在调用一个API来生成一个JSON响应,并且您对同一个JSON有一个用户输入

在这种情况下,如果您希望对API进行补充调用,则应该将API调用放在react组件提供的正确生命周期方法中


请参见

您应该提取数据。如果将数据提取放在一个单独的helper方法中,您可以在需要时调用该方法,并且它应该执行状态的提取(以及以后的更新)

React.createClass({
    componentDidMount: function () {
        this.fetchData();
    },

    fetchData: function () {
        var _this = this;
        $.get('....', function (result) {
            _this.setState(result);
        });
    },

    handleClick: function () {
        this.fetchData();
    },

    render: function () {
        return (<div onClick={this.handleClick}>{data}</div>);
    },
});
React.createClass({
componentDidMount:函数(){
这是fetchData();
},
fetchData:函数(){
var_this=这个;
$.get(“..”,函数(结果){
_此.setState(结果);
});
},
handleClick:函数(){
这是fetchData();
},
渲染:函数(){
返回({data});
},
});

您应该将数据提取抽象出来。如果将数据提取放在一个单独的helper方法中,您可以在需要时调用该方法,并且它应该执行状态的提取(以及以后的更新)

React.createClass({
    componentDidMount: function () {
        this.fetchData();
    },

    fetchData: function () {
        var _this = this;
        $.get('....', function (result) {
            _this.setState(result);
        });
    },

    handleClick: function () {
        this.fetchData();
    },

    render: function () {
        return (<div onClick={this.handleClick}>{data}</div>);
    },
});
React.createClass({
componentDidMount:函数(){
这是fetchData();
},
fetchData:函数(){
var_this=这个;
$.get(“..”,函数(结果){
_此.setState(结果);
});
},
handleClick:函数(){
这是fetchData();
},
渲染:函数(){
返回({data});
},
});

您应该将数据提取抽象出来。如果将数据提取放在一个单独的helper方法中,您可以在需要时调用该方法,并且它应该执行状态的提取(以及以后的更新)

React.createClass({
    componentDidMount: function () {
        this.fetchData();
    },

    fetchData: function () {
        var _this = this;
        $.get('....', function (result) {
            _this.setState(result);
        });
    },

    handleClick: function () {
        this.fetchData();
    },

    render: function () {
        return (<div onClick={this.handleClick}>{data}</div>);
    },
});
React.createClass({
componentDidMount:函数(){
这是fetchData();
},
fetchData:函数(){
var_this=这个;
$.get(“..”,函数(结果){
_此.setState(结果);
});
},
handleClick:函数(){
这是fetchData();
},
渲染:函数(){
返回({data});
},
});

您应该将数据提取抽象出来。如果将数据提取放在一个单独的helper方法中,您可以在需要时调用该方法,并且它应该执行状态的提取(以及以后的更新)

React.createClass({
    componentDidMount: function () {
        this.fetchData();
    },

    fetchData: function () {
        var _this = this;
        $.get('....', function (result) {
            _this.setState(result);
        });
    },

    handleClick: function () {
        this.fetchData();
    },

    render: function () {
        return (<div onClick={this.handleClick}>{data}</div>);
    },
});
React.createClass({
componentDidMount:函数(){
这是fetchData();
},
fetchData:函数(){
var_this=这个;
$.get(“..”,函数(结果){
_此.setState(结果);
});
},
handleClick:函数(){
这是fetchData();
},
渲染:函数(){
返回({data});
},
});

请展示您的组件的一些代码示例,您的问题过于宽泛,因为它当前的标准请展示您组件的一些代码示例,您的问题过于宽泛,因为它当前的标准请展示您组件的一些代码示例,你的问题太广泛了,因为它目前的标准请展示你的组件的一些代码示例,你的问题太广泛了,因为它目前的标准谢谢你,这正是我想要的!谢谢你,tak3r,正是我想要的!谢谢你,tak3r,正是我想要的!谢谢你,tak3r,正是我想要的!