Props vs State

In a React component, props are variables passed to it by its parent component. State are variables which are directly initialized and managed by the component.

<Comp name="Shane" />

class ChildComponent extends React.Component {
  constructor(props) {
    super(props)
    // Access props
    console.log(props.name);
    // State
    this.state.whatever = 'Whatever'
    // Can also allocate props to internal
    this.state.name = props.name
  }
}