学习react day04 ref和state

07 ref

import React, { Component } from 'react'

export default class App extends Component {
  myref = React.createRef()
  render() {
    return (
      

        

        

        {
            // console.log('click1', this.refs.mytext1.value)  // 已弃用
            console.log('click', this.myref.current.value)
        }}>add1

        add2
      
    )
  }

  handleClick2=()=>{
    console.log('click', this.myref.current.value)

  }
}

08 state

import React, { Component } from 'react'

export default class App extends Component {
    state = {
        mytext:'收藏',
        myShow:true
    }
  render() {
    return (
      

        
react开发

        {
            this.setState({myShow:!this.state.myShow})
            if(this.state.myShow){
                console.log('收藏成功')
            }else{
                console.log('取消收藏')
            }
        }}>{this.state.myShow?'收藏':'取消收藏'}
      
    )
  }
}