/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 vote411 views1 answer
Jason rpc reactjs
Javascript React
0 vote390 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote338 views1 answer
Integrate my own google pay using react js
Javascript React
4 votes347 views4 answers
React native android safeareaview
Javascript React
1 vote425 views2 answers
Switch in react
Javascript React
9 votes346 views1 answer
Redux add to array
Javascript React
1 vote380 views1 answer
React native scrollview sticky header
Javascript React
1 vote385 views1 answer
How to change the tab text in React
Javascript React
0 vote581 views1 answer
How to place text over image in react
Javascript React
0 vote351 views1 answer
Most common use cases of portals in react
Javascript React