/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 vote185 views1 answer
React native getting older version assets
Javascript React
0 vote153 views2 answers
Add typescript to react-native
Javascript React
4 votes166 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
0 vote123 views1 answer
ReactNative onPress doesn't exist
Javascript React
2 votes156 views2 answers
React google maps
Javascript React
0 vote183 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
7 votes617 views2 answers
How to import js via script in react
Javascript React
0 vote169 views1 answer
React native call keep
Javascript React
30 votes204 views5 answers
Use effect react
Javascript React
0 vote233 views1 answer
How to align placeholder in react native
Javascript React