小编Man*_*ish的帖子

基于 React.js 中的 TextField 值启用或禁用按钮

我正在制作一个表格 表格截图

我希望添加按钮在用户更改“标签”输入文本时处于活动状态。

我正在使用 material-ui 并制作了一个 Input 组件。

  const SingleInput = (props) => ( 
    <Fragment>
      <FormControl margin="normal" required fullWidth>
        <TextField
        id={props.id}
        type={props.type}
        name={props.name}
        label={props.label}
        value={props.content}
        variant={props.variant}
        placeholder ={props.placeholder}
        onChange={props.controlFunc}>
        </TextField>
      </FormControl>
    </Fragment>
  );
  export default SingleInput;
Run Code Online (Sandbox Code Playgroud)

我将它导入到我的表单中并喜欢:

class AddCompanyForm extends React.Component {
  constructor() {
    super();
    this.state = {
      company_name: "",
      company_description: "",
      company_tag: "",
      company_tags: "",
      company_contact: "",
      disabled: true
    };

    this.handleOnSubmit = this.handleOnSubmit.bind(this);
    this.handleOnChange = this.handleOnChange.bind(this);
    this.handleOnSelect = this.handleOnSelect.bind(this);
  }
  handleOnChange(e) {
    e.preventDefault();
    this.setState({ [e.target.name]: e.target.value });
    this.setState({ disabled: false …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

9
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1