Reactjs-state
提供:Dev Guides
ReactJS-状態
- 都道府県*は、データの出所です。 常に状態をできるだけ単純にし、ステートフルコンポーネントの数を最小限に抑えるようにする必要があります。 たとえば、状態からのデータを必要とする10個のコンポーネントがある場合、それらすべての状態を保持する1つのコンテナコンポーネントを作成する必要があります。
状態を使用する
次のサンプルコードは、EcmaScript2016構文を使用してステートフルコンポーネントを作成する方法を示しています。
App.jsx
import React from 'react';
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
header: "Header from state...",
content: "Content from state..."
}
}
render() {
return (
<div>
<h1>{this.state.header}</h1>
<h2>{this.state.content}</h2>
</div>
);
}
}
export default App;
main.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';
ReactDOM.render(<App/>, document.getElementById('app'));
これにより、次の結果が生成されます。