/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 vote127 views1 answer
React router dom two page form
Javascript React
6 votes156 views2 answers
Export default function react
Javascript React
0 vote155 views1 answer
Check uncek react-bootstrap-table reactjs
Javascript React
8 votes174 views2 answers
React native rotate image
Javascript React
0 vote136 views1 answer
React Rendering Movies
Javascript React
0 vote131 views1 answer
Reactjs join two array
Javascript React
0 vote145 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
1 vote197 views1 answer
Angular validators number only in reactive form
Javascript React
3 votes135 views2 answers
How to get custom attribute value in react
Javascript React
0 vote153 views1 answer
Redirect to another path react
Javascript React