How do functional components work in React?

Can you explain how functional components work in React?

Sure! Functional components are JavaScript functions that return React elements. They can accept props as arguments.

What are the benefits of using functional components over class components?

Functional components are generally simpler and easier to read. They also allow the use of hooks for state and lifecycle management.

What are hooks, and how do they relate to functional components?

Hooks are functions that let you use state and other React features in functional components without writing a class.

Can you give me an example of a functional component?

Absolutely! Here's a simple example:

function Greeting(props) {
  return <h1>Hello, {props.name}!</h1>;
}