Passing in class names to react components

Question

I am trying to pass in a classname to a react component to change it\'s style and cannot seem to get working:

class Pill extends React.Component {

  render(         


        

Answer 1

You can achieve this by "interpolating" the className passed from the parent component to the child component using this.props.className. Example below:

export default class ParentComponent extends React.Component {
  render(){
    return 
  }
}

export default class ChildComponent extends React.Component {
  render(){
    return 

  }
}