/Javascript/React/How to use two text fields in one single row react js

How to use two text fields in one single row react js

<Grid container spacing={24}>
    <Grid item xs={4}>
        <TextField
            id="re_ps"
            label="PS"
            value={this.state.re_pe_value}
            onChange={this.re_ps_handleChange('value')}
            margin="normal"
            type="number"
            margin = "dense"
            variant = "filled"
            style={{paddingRight: "20px", width: "170px"}}
        />
    </Grid>
    <Grid item xs={4}>
        <TextField
            id="re_mooe"
            label="MOOE"
            value={this.state.re_mooe_value}
            onChange={this.re_mooe_handleChange('value')}
            margin="normal"
            type="number"
            margin = "dense"
            variant = "filled"
            style={{paddingRight: "20px", width: "170px"}}
        />
    </Grid>
    <Grid item xs={4}>
        <TextField
            id="re_co"
            label="CO"
            value={this.state.re_co_value}
            onChange={this.re_co_handleChange('value')}
            margin="normal"
            type="number"
            margin = "dense"
            variant = "filled"
            style={{paddingRight: "20px", width: "170px"}}
        />
    </Grid>
</Grid>

Source: stackoverflow.com

Similar codes

1 vote171 views1 answer
Check if new user in firebase react
Javascript React
91 votes273 views7 answers
React-router-dom
Javascript React
0 vote137 views1 answer
Truncate function react
Javascript React
0 vote137 views1 answer
React form hook trigger is not a function
Javascript React
0 vote121 views1 answer
Create app with a specific react version
Javascript React
3 votes115 views3 answers
Async await class component react
Javascript React
0 vote132 views1 answer
Custom hook for unique items in react
Javascript React
0 vote149 views1 answer
React native paper modal background
Javascript React
6 votes131 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote132 views2 answers
Background transparent react native
Javascript React