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

Just for the reference, for stateless components:

// ParentComponent.js
import React from 'react';
import { ChildComponent } from '../child/ChildComponent';

export const ParentComponent = () =>
  

    
      ...
    
  

// ChildComponent.js
import React from 'react';

export const ChildComponent = ({ className, children }) =>
  

    {children}
  

Will render:

  

    ...