/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

8 votes236 views2 answers
Install material icons for react
Javascript React
0 vote234 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote225 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
1 vote250 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote241 views1 answer
Overflow scroll react native
Javascript React
0 vote235 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote250 views1 answer
Different ways to write react file paths
Javascript React
0 vote213 views1 answer
Get LocalStorage from WebView react native
Javascript React
3 votes238 views1 answer
React create array
Javascript React
4 votes247 views4 answers
Class component react
Javascript React