javascript - 这是一个保留字 - 除了返回之外的函数错误

Question

我正在尝试访问一个 api，并在每次单击按钮时将对象(我从中获取的)简单地存储在状态中，但是一旦我尝试 npm start 它，它给出了语法错误:这是一个保留字。我不知道为什么会这样，我想要一些答案，如果您以任何方式发现任何缺陷或改进我的代码的方法，请随时告诉我。这是代码:

import React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';

class List extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            personagens: [],
            page: 1,
        };
        this.getNextPers = this.getNextPers.bind(this);
    }

    getNextPers(){
        let URL = 'https://swapi.com/api/people/'+{this.state.page};
        axios.get(URL).then((p) => this.setState({ personages: [...{this.state.personagens}, ...p], page: {this.state.page}+1 }));
    }

    render(){
        return (
            <div>
                <p>Personagens</p>
                {this.state.personagens.map(pers, i) => (
                    <div key={i}>
                        <p>{pers.name}</p>
                    </div>
                )}
                <button onClick={this.getNextPerson}>Proximo Personagem</button>
            </div>
        );
    }
}

ReactDOM.render(<List />, document.getElementById('root'));

Answer 1

在 let URL = 'https://swapi.com/api/people/'+{this.state.page}; 中，大括号是问题所在。试试:


const URL = 'https://swapi.com/api/people/' + this.state.page


或


const URL = `https://swapi.com/api/people/${this.state.page}`


(两个作品)

我同意其他人的观点，小写的 url 可能是变量名的更好选择。