/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

32 votes169 views1 answer
How to use react router
Javascript React
0 vote144 views2 answers
Capitalize each word from string in react
Javascript React
0 vote146 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
0 vote166 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote167 views1 answer
React js how to do array range
Javascript React
6 votes161 views1 answer
Disable inputetext in react native
Javascript React
136 votes301 views6 answers
Create a react app
Javascript React
0 vote178 views1 answer
Private router react v6
Javascript React
0 vote161 views1 answer
Get started with datagrid in react js
Javascript React
0 vote147 views1 answer
Set default types react
Javascript React