React Search Bar Code 4

import React from 'react';

import ReactDOM from 'react-dom';

import ReactDOM from 'react-dom/client';

function Searchbar() {
    return (
    <>
    <input type="search" placeholder="Search" className="searchbar" /><button type="button" className="barbtn"><i className="fa fa-search" aria-hidden="true"></i></button>
        </>
    );
}

ReactDOM.render(<Searchbar />, document.getElementById('root'));

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Searchbar />);

const GetSearchbar = () => {
    return (
    <>
    <input type="search" placeholder="Search" className="searchbar" /><button type="button" className="barbtn"><i className="fa fa-search" aria-hidden="true"></i></button>
        </>
    );
}
export default GetSearchbar;

export const GetSearchbar = () => {
    return (
    <>    
    <input type="search" placeholder="Search" className="searchbar" /><button type="button" className="barbtn"><i className="fa fa-search" aria-hidden="true"></i></button>
        </>
    );
}

React Search Bar Code 4

Follow Us