/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 vote205 views1 answer
Convert nuber into string react js
Javascript React
0 vote209 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote186 views1 answer
Hide urls in .env in react app
Javascript React
0 vote204 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote203 views1 answer
Make a component update every second react
Javascript React
0 vote217 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
2 votes231 views1 answer
Remove header border react native
Javascript React
0 vote241 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
2 votes201 views1 answer
React-native open call app
Javascript React
0 vote205 views1 answer
Nextjs react native web typescript
Javascript React