/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 vote351 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote376 views2 answers
Datepicker range npm reactjs
Javascript React
0 vote329 views1 answer
How to align text vertically center beside an image in react native
Javascript React
2 votes339 views2 answers
React not recognizing lorem
Javascript React
0 vote347 views1 answer
Get position of element in react
Javascript React
3 votes348 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote346 views1 answer
Reactjs change fill color .svg
Javascript React
3 votes350 views3 answers
Multiple styles in react native
Javascript React
0 vote350 views1 answer
How to get key from a button in react
Javascript React
0 vote380 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React