/Javascript/React/Make input fixed position reactjs

Make input fixed position reactjs

<div style={{display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>

    <h1>Do Not Move Me</h1>

    <div style={{ position: 'relative', marginLeft: 20 }}>

        <input
        placeholder='Enter Name'
        onChange={this._displayButton}
        value={this.state.nameText}
        />
        {this.state.textEntered ?
            <button type="submit" style={{ position: 'absolute', top: '-10px', right: '-10px', borderRadius: '50%', height: 40, width: 40, backgroundColor: '#881587', border: 'none' }} /> : null
        }

    </div>

</div>

Source: stackoverflow.com

Similar codes

0 vote334 views1 answer
Navigation scroll react
Javascript React
0 vote232 views1 answer
React state scope
Javascript React
0 vote322 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote329 views1 answer
Moment all formats in reactjs
Javascript React
0 vote338 views1 answer
Donwload data from react js in json file
Javascript React
2 votes344 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote373 views1 answer
Reactjs lifecycle class components
Javascript React
7 votes356 views3 answers
How to route react from laravel
Javascript React
0 vote366 views1 answer
Modal in react
Javascript React
0 vote326 views1 answer
Javascript slider get value react
Javascript React