How do props and state work in React?

How do props and state work in React?

In React, props are used to pass data from one component to another, while state is used to manage data within a component.

Can you give me an example of how to use props?

Sure! If you have a Greeting component, you can pass a name prop like this: <Greeting name='Alice' />. Inside the component, you can access it using props.name.

What about state? How do I manage it?

You can manage state using the useState hook. For example: const [count, setCount] = useState(0); This initializes count to 0 and provides a function to update it.

How do props and state interact with each other?

Props can be used to set the initial state of a component, and state can be passed down to child components as props, creating a flow of data.