我试图在返回中直接更新状态，而不使用任何生命周期方法，并得到这样的错误：

超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate内重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量以防止无限循环。

由于上述错误，我参考了此链接，但没有得到适当的解决方案。是否总是需要使用函数或生命周期方法来更新状态？

import React, { Component } from "react";

import "./App.css";

class App extends Component {
  state = {
    name: "john"
  };

  render() {
    console.log(this.state);
    return (
      <div className="App">
        <header className="App-header">
          {this.state.name}
          {this.setState({ name: "abc" })}
        </header>
      </div>
    );
  }
}

export default App;

我写了上面的代码，得到了错误，但在控制台的状态值得到更新，并打印了很多次。