/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

6 votes345 views2 answers
#react native shadow
Javascript React
1 vote340 views1 answer
React native get numeric random string length of 5 characters
Javascript React
9 votes275 views4 answers
Firebase' is not defined no-undef react
Javascript React
17 votes364 views5 answers
How to make apk react native
Javascript React
0 vote388 views1 answer
Show modal by using id in list react
Javascript React
0 vote316 views1 answer
String contains in react
Javascript React
0 vote324 views3 answers
React-router-dom status code 301
Javascript React
0 vote320 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
1 vote347 views2 answers
Expo create react native app
Javascript React
0 vote360 views1 answer
Search nested array in react javascript
Javascript React