在这个简单的ReactJS页面中，我应该使用State还是Props？

Question

我正在用ReactJS重建我的投资组合，因为我正在学习这种新语言，我有一个问题。我应该只在没有内容需要更新的网站中使用状态或道具吗？

这是我的主课：

class App extends Component {

  state = {
    name: 'My name',
    job: 'Desenvolvedor Web'
  }

  render() {
    return (
      <div className="App">
        <Header name={this.state.name} job={this.state.job}/>
      </div>
    );
  }
}

const Header = (props) => {
    return(
        <div className="Header">
            <div className="conteudo text-center">
                <img src="" className="rounded img-circle"/>
                <h1>{props.name}</h1>
                <h2>{props.job}</h2>
        </div>
)
}

Answer 1

状态用于更改组件的属性，这些属性会导致组件重新呈现。如果您只是向下传递数据以读取，则道具是更合适的选择。