Question

How to create and use component in React JS

Answer 1

// counter.jsx

import React, { Component } from 'react';

class Counter extends Component {
    render() { 
        return ( <h1>JSX Expression</h1> );
    }
}
 
export default Counter;

// index.js 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import 'bootstrap/dist/css/bootstrap.css';
import Counter from './components/counter'


ReactDOM.render(
  <React.StrictMode>
    <Counter />
  </React.StrictMode>,
  document.getElementById('root')
);

serviceWorker.unregister();



/*
run:
 
JSX Expression
 
*/

 

70+ SQL courses for beginners and professionals