React - How to export a pure stateless component

Question

How can I export a stateless pure dumb component?

If I use class this works:

import React, { Component } from \'react\';

export default class Header ext         


        

Answer 1

you can do it in two ways

const ComponentA = props => {
  return 
{props.header}
;
};

export default ComponentA;

2)

export const ComponentA = props => {
  return 
{props.header}
;
};

if we use default we import like this

import ComponentA from '../shared/componentA'

if we don't use default we import like this

import { ComponentA } from '../shared/componentA'