BestPracticesForReact03_RenderExamples.jsx

BestPracticesForReact03_RenderExamples.jsx

// Bad
render() {
  return <Welcome className="class">
    <child />
  </Welcome>;
}

// Good
render() {
  return (
    <Welcome className="class">
      <child />
    </Welcome>
  );
}

// This is good too
render() {
  const child = <child />;
  return <Welcome className="class">{child}</Welcome>;
}