/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 vote121 views1 answer
How to submit form in reactjs and send data in json
Javascript React
0 vote105 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote103 views2 answers
Hiding header in a specific screen in react native
Javascript React
1 vote94 views1 answer
How to change the tab text in React
Javascript React
0 vote103 views1 answer
React rative release
Javascript React
2 votes133 views2 answers
React native scrollview map
Javascript React
0 vote99 views1 answer
Date picker type react
Javascript React
0 vote107 views1 answer
Cloudinary react
Javascript React
0 vote100 views1 answer
Csv upload with react
Javascript React
0 vote104 views1 answer
Jest create react app only run one test
Javascript React