通过单击按钮打开抽屉时禁用文本框

debugcn 发表于 Dev

用户10803047

更新1：我进一步删除了所有不必要的文件，你们能帮我吗https://codesandbox.io/s/0pk0z5prqn

我正在尝试禁用文本框。
当我单击高级体育搜索按钮时，会打开一个抽屉，我正在尝试显示一个文本框。
toggleDrawer 方法和
但问题是我没有在sports-advanced-search.js 文件中获得状态，那是我禁用文本框的地方。
我通过放置控制台进行调试，但仍然没有帮助我 'console.log("this.state--->", this.state);'
你能告诉我如何修复它，以便将来我自己修复它。
在下面提供我的沙箱和代码片段。

tab-demo.js

constructor(props) {
    super(props);
    this.state = {
      value: 0,
      top: false,
      left: false,
      bottom: false,
      right: false,
      disabled: false
    };
  }
  toggleDrawer = (side, open) => () => {
    this.setState({
      [side]: open
    });
    this.setState({ disabled: !this.state.disabled });
  };



   <Button onClick={this.toggleDrawer("right", true)}>
                  Advanced Sports Search
                </Button>

体育-高级-search.js

 render() {
    const { classes } = this.props;
    const { value } = this.state;
    console.log("this.state--->", this.state);

                <input
              name="firstname"
              type="text"
              disabled={this.state.disabled ? "disabled" : ""}
            />

阿比吉特·萨西库玛

您不需要将“禁用”作为字符串传递。HTML 禁用属性是布尔值。所以，disabled={this.state.disabled}应该够了。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。