Reactjs 在div内禁用输入字段

如何在ReactJs中禁用div元素中的所有输入字段

我搜索了一下，但大多数都没有找到

有人能帮我一下吗

<div>
<input />
<div>
<input />
</div>
</div>

---

我想将div中的两个输入都设置为禁用。

下面是一个示例。如果您有文本框之类的输入字段，则可以如下方式禁用它：

    import * as React from "react";
    import * as ReactDOM from "react-dom";
    export default class App extends React.Component<{}, {}> {
        public render() {
            return (
                <div>
                    <input className="e-input" type="text" placeholder="Enter Name" disabled={true}/>
                    <div className="e-float-input e-disabled">
                        <input type='text' required = {true}  disabled = {true}/>
                        <span className="e-float-line"/>
                        <label className="e-float-text">Enter Name</label>
                    </div>
                </div>
            )
        }
    };
    ReactDOM.render(<App />, document.getElementById('input-container'));

从“React”导入*作为React；
从“react dom”导入*作为react dom；
导出默认类App扩展React.Component{
公共渲染（）{
返回(
输入名称
)
}
};
render（，document.getElementById（'input-container'）；

您可以使用

useffect

将所有输入置于初始禁用状态

下面是一个例子：

import React, {useEffect} from "react";

export default function App() {
  useEffect(() => {
    const inputs = document.querySelectorAll("input");

    inputs.forEach((el) => el.disabled = true)
  }, [])

  return (
    <div className="App">
      <div>
        <input />
      </div>
      <div>
        <input />
      </div>
    </div>
  );
}

import React，{useffect}来自“React”；
导出默认函数App（）{
useffect（（）=>{
常量输入=document.querySelectorAll（“输入”）；
inputs.forEach（（el）=>el.disabled=true）
}, [])
返回(
);
}

---

如果您的代码更复杂，您可以用任何适合您的CSS选择器替换

input

的简单选择器。

请发布您的代码，否则问题太广泛。@itsanewabstract done这不是React代码。发布您的整个组件请在输入标记中使用

e-disabled

做些什么？我不想使用

disabled={true}