Javascript 使用callback的React ref属性将DOM节点附加到我的类

Javascript 使用callback的React ref属性将DOM节点附加到我的类,javascript,reactjs,Javascript,Reactjs,我目前正在React 15.3.2中使用字符串作为ref=,这是不推荐的 因此,如果我根据文档使用回调: ref={(input) => this.textInput = input} 然后,当组件挂载时,这将向我的类附加一个DOM元素 耶!DOM元素。所以现在我不必做: ReactDOM.findDOMNode(this.refs.input).value=''; // uncontrolled component 我想react的整个想法就是不要碰DOM 假设我有一个复杂的Text

我目前正在React 15.3.2中使用字符串作为
ref=
,这是不推荐的

因此,如果我根据文档使用回调:

ref={(input) => this.textInput = input}
然后,当组件挂载时,这将向我的类附加一个DOM元素

耶!DOM元素。所以现在我不必做:

ReactDOM.findDOMNode(this.refs.input).value=''; // uncontrolled component
我想react的整个想法就是不要碰DOM


假设我有一个复杂的TextInput组件,还有一个InputError组件和
对不起,我可能不理解你的问题,但是为什么不使用受控组件呢?如果输入无效,只需调用input.onChange(“”)?还有,什么是clear()?你能引用这个方法让我读一下吗?@leo我对这篇文章做了编辑,现在它有了到组件的链接。你能回答(反反应)问题吗?谢天谢地,任何一种极端的模式都是不好的,但是我认为在一个地方处理你的所有逻辑总是可能的,并且保持你的形式纯粹的表现(通过传递道具,根本没有参考),因为通过检查输入事件上的事件对象可以完成事情。对不起,我可能不理解你的问题,但是为什么不使用受控组件呢?如果输入无效,只需调用input.onChange(“”)?还有,什么是clear()?你能引用这个方法让我读一下吗?@leo我对这篇文章做了编辑,现在它有了到组件的链接。你能回答(反反应)问题吗?ThanksAny模式走到了极端是不好的,但是我认为总是可以在一个地方处理所有的逻辑,并保持形式纯粹的表示性(通过传递道具,根本没有引用),因为可以通过检查输入事件上的事件对象来完成。