例如:
class App extends React.Component { constructor(props) { super(props); this.state = { data: [] }; }
componentDidMount() { axios.get('api/data') .then(response => { this.setState({ data: response.data }); }) .catch(error => { console.log(error); }); }
shouldComponentUpdate(nextProps, nextState) { return this.state.data !== nextState.data; }
render() { return (
{item.title}
))}例如:
class App extends React.Component { constructor(props) { super(props); this.state = { data: [] }; }
componentDidMount() { axios.get('api/data') .then(response => { this.setState({ data: response.data }); }) .catch(error => { console.log(error); }); }
componentDidUpdate(prevProps, prevState) { if (prevState.data !== this.state.data) { this.setState({ data: this.state.data }); } }
render() { return (
{item.title}
))}
上一篇:Axios请求始终返回空白响应