删除有一些问题的fetch api

时间:2017-05-17 17:58:55

标签: reactjs fetch-api



var TodoList = React.createClass({
    getInitialState: function() {
        return {
            items: []
        };
    },

    addItem: function(e) {
        var itemArray = this.state.items;

        itemArray.push({
            text: this._inputElement.value,
            key: Date.now()
        });

        this.setState({
            items: itemArray
        });

        this._inputElement.value = "";

        e.preventDefault();
    },

    render: function() {
        return (
            <div className="todoListMain">
                <div className="header">
                    <form onSubmit = {this.addItem}>
                        <input ref={(a) => this._inputElement = a}
                               placeholder="enter task">
                        </input>
                        <button type="submit">add</button>
                    </form>
                </div>
                <TodoItems entries={this.state.items}/>
            </div>
        );
    }
});

ReactDOM.render(
    <TodoList/>,
    document.getElementById('root')
);
&#13;
&#13;
&#13;

这是我提供的代码段。 我现在正在做的是,我删除了一个特定的记录并希望点击API。 现在我能够点击API并且记录也被删除但是预期的响应我没有得到。 即使我在响应中有控制台,但它没有在控制台中打印

1 个答案:

答案 0 :(得分:1)

这是一个cors问题,请尝试将其添加到标题中:

"Access-Control-Allow-Origin", "*"