/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 vote237 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote259 views1 answer
React Redux reducer combineReducers exemple
Javascript React
4 votes244 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
1 vote229 views1 answer
Handling scrolling on react router transitions
Javascript React
2 votes234 views1 answer
Vertical align center react native view
Javascript React
32 votes230 views5 answers
React disable eslint errors
Javascript React
0 vote208 views1 answer
Debugging react native
Javascript React
1 vote243 views1 answer
React native fast image webp ios
Javascript React
1 vote221 views1 answer
React native image border radius not working
Javascript React
30 votes227 views5 answers
Use effect react
Javascript React