Ask any question about JavaScript here... and get an instant response.

How do I create a component in React?

Asked on Sep 11, 2025

Answer

In React, a component can be created as a function or a class. The most common approach is using a function component, which is simpler and leverages hooks for state and lifecycle management.

<!-- BEGIN COPY / PASTE -->
        import React from 'react';

        function MyComponent() {
            return (
                <div>
                    <h1>Hello, World!</h1>
                    <p>This is a simple React component.</p>
                </div>
            );
        }

        export default MyComponent;
        <!-- END COPY / PASTE -->

Additional Comment:

The component "MyComponent" is a function that returns JSX, which is a syntax extension for JavaScript that looks similar to HTML.
The component is exported using "export default", allowing it to be imported and used in other parts of the application.
Function components are preferred for their simplicity and ability to use React hooks for state management and side effects.

✅ Answered with JavaScript best practices.

Ask any question about JavaScript here... and get an instant response.

How do I create a component in React?

Asked on Sep 11, 2025

Answer

The Q&A Network