React-动态更改样式

 

import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import {Person,Twoway} from './Person/Person'

class  App extends Component{
  state={
    showpink:false,

  }


  }

  render(){
    const style={
      background: ''
    }

    const classes='class1'
    
    //三目运算符控制按钮的颜色
    {
      this.state.showpink? style.background='pink': style.background= 'green'
    }

 
     );
      return(
        <div className="App">
             <button style={style} onClick={this.add} className={classes}>添加</button>
        </div>
      )   
      
      
  } 
}


export default App;