【React】Stateの変更(プログラミング初心者)Progateメモ

this.setStateを使用してオブジェクト内のプロパティを変更するときはthis.setState({ })

this.handleClickのメソッドの引数はthis.handlkClick()

import React from 'react';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {name: 'にんじゃわんこ'};
  }
  
  // handleClickメソッドを定義してください
  handleClick(name){
    this.setState({name: name})
  }
  
  render() {
    return (
    	<div>
    	  <h1>こんにちは、{this.state.name}さん!</h1>
    	 
        <button onClick={() => {this.handleClick('ひつじ仙人')}}>ひつじ仙人</button>
        
        <button onClick={() => {this.handleClick('にんじゃわんこ')}}>にんじゃわんこ</button>
        
      </div>
    );
  }
}

export default App;
Progate(プロゲート) | Learn to code, learn to be creative.
Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

コメント

タイトルとURLをコピーしました