gpt4 book ai didi

javascript - 调用函数时按名称 react 传递参数

转载 作者:行者123 更新时间:2023-12-05 06:30:12 25 4
gpt4 key购买 nike

<分区>

函数 handleChange 具有带默认值的输入参数。

   handleChange(required = false, test = false, event)

当我调用这个函数时,我想传递一些输入参数,但不是全部。例如,

   handleChange(test = true, event)

然而,这给出了一个错误,提示“ReferenceError: test is not defined.”

这是我的 App.js 文件:

  import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';

const styles = theme => ({
container: {
display: 'flex',
flexWrap: 'wrap',
},
formControl: {
margin: theme.spacing.unit,
},
});

class MyForm extends React.Component {
state = {
name: "",
name_msg: ""
};

handleChange(required = false, test = false, event) {

if (required === true && event.target.value.length === 0) {
this.setState({ name_msg: "Required" });
}else{
this.setState({ name_msg: "" });
}

console.log(test);

this.setState({ name: event.target.value });
}

render() {
return (
<TextField
label="Name"
id="name"
helperText={this.state.name_msg}
value={this.state.name}
onChange={(e) => this.handleChange(test=true,e)}
/>
);
}
}


export default withStyles(styles)(MyForm);

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com