React Props使用

2414 ワード

親パス子propsパス値
方法1普通伝値

import React , {Component} from 'react'

calss Father extends Component{
  render(){

    return(
      
      //   title  
          
      
    )
  }
}

//    
import React , {Component} from 'react'

calss Son extends Component{
  render(){
    //        
    rteurn(

    
    //    
    {this.props.title}
    
    )
  }
}

メソッド2入力オブジェクト

import React , {Component} from 'react'

calss Father extends Component{
  render(){
    //        
const obj={
  name:'  Two',
  age:18,
}
const obj2 = {
      a: 'aaaa',
      b: 'bbbbb',
      c:'ccccc',
    }

    return(
      
    //                         
           
      
    )
  }
}

//    
import React , {Component} from 'react'

calss Son extends Component{
  render(){
    //        
    const {name,age} = this.props.data //  data   1
    const {data} = this.props //   data   2
    const {a,b,c} = this.pops//       {...obj2}
    rteurn(

    
    //     
    {this.props.data.name}
    {data.a}

    
{a}
    {b}
    
    )
  }
}

メソッド3入力モジュール

import React , {Component} from 'react'

calss Father extends Component{
  render(){

    return(
      
      //                   children 
        
          <<もっと
        
        //              children
        
      
    )
  }
}

//    
import React , {Component} from 'react'

calss Son extends Component{
  render(){
    //        
    rteurn(
      
      //       ，                 
          {this.props.children}
      
      
    )
  }
}

メソッド4入力コンポーネント

import React , {Component} from 'react'

calss Father extends Component{
  render(){

    return(
      
      //            
         }/>
         }/>
      
    )
  }
}

//    
import React , {Component} from 'react'

calss Son extends Component{
  render(){
  
    rteurn(
      
      //          
          {this.props.five}
          {this.props.six}
      
    )
  }
}

atomでタブを全て閉じる

c++STLスタックstackの使用