/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 vote193 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote180 views1 answer
React-native how to get size of screen
Javascript React
0 vote187 views1 answer
Scirpt tag react
Javascript React
3 votes252 views1 answer
React parameter value from query string
Javascript React
11 votes192 views4 answers
React native text underline
Javascript React
0 vote187 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
4 votes239 views1 answer
How to change the tab title in react
Javascript React
0 vote350 views1 answer
Change theme in react-toastify
Javascript React
22 votes218 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote216 views1 answer
React unfocus check
Javascript React