/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 vote224 views1 answer
Display only initials from full name reactjs
Javascript React
0 vote230 views1 answer
How to detect an element is been hovered in react
Javascript React
0 vote197 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote221 views4 answers
Reactnative sliding image
Javascript React
1 vote308 views2 answers
Shadow on view in react natice
Javascript React
0 vote205 views4 answers
React native biometrics sign in
Javascript React
0 vote212 views1 answer
React hooks update parent state from child
Javascript React
0 vote241 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote217 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote284 views1 answer
React document viewer
Javascript React