Listing 10-6: Using Variables to Hold Style Objects

Look out!

function WarningMessage(props){

const warningStyle = {color:"red",padding:"6px",backgroundColor:"#000000"};

return (
  <p style={warningStyle}>
    {props.warningMessage}
  </p>
)
}

export default WarningMessage;