How to destructure props in React

Props

By Jad Joubran ·

Last updated Jan 25, 2020

import React from "react";

function App(props) {
  const { theme, className } = props;
  console.log(theme, className);

  return <div>App</div>;
}

// Example
<App theme="dark" className="container" />

"dark"
"container"

Step by step React Tutorial