Add a State property to an Inline Style in React

Question

I have a react element that has an inline style like this: (Shortened version)

Answer 1

yes its possible check below

class App extends React.Component {

  constructor(props){
    super(props)
    this.state = {
      width:30; //default
    };
  }


  render(){

//when state changes the width changes
const style = {
  width: this.state.width
}

  return(
    

    //when button is clicked the style value of width increases
       this.setState({width + 1})}>
      

      
    
  );
}

:-)