/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

45 votes203 views4 answers
Can't resolve 'react-router-dom'
Javascript React
0 vote310 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote201 views1 answer
Card react native
Javascript React
0 vote200 views1 answer
Return multiple native element react native
Javascript React
1 vote206 views1 answer
Breakline in react native
Javascript React
4 votes160 views1 answer
Get width of screen react
Javascript React
11 votes181 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
1 vote217 views2 answers
Flatlist onrefresh react native
Javascript React
1 vote195 views1 answer
How to position View absolute react native
Javascript React
4 votes193 views2 answers
Entypo icons react native
Javascript React