/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

0 vote204 views1 answer
Connect react with database server
Javascript React
0 vote183 views1 answer
Dynamic useState in react
Javascript React
0 vote240 views1 answer
React-native firebase v9+ config
Javascript React
0 vote165 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React
0 vote224 views1 answer
React-hook-form image
Javascript React
14 votes133 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
0 vote226 views1 answer
React native elements bottom sheet close on back button press
Javascript React
1 vote202 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
0 vote177 views2 answers
Date format in react js
Javascript React
0 vote222 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React