如何在React.js中獲取所有元素的內部特定引用，但以jquery的方式？

Question

下面是我的html結構。

<form className = "popupBody" ref = "popupBody" >
    <input/>  
    <input/>
</form>

假設我想要popupBody類中的所有輸入，並且想清除其值，我將以下面的方式在jquery中進行操作。

 $('.popupBody input').val('');

但是，我想在React中做同樣的事情，但要使用Refs。 像檢查下面的代碼。

 $(this.refs.popupBody input).val('');

我對此有錯誤。是否有任何方法可以使用refs以反應方式做到這一點？

Answer 1

因為在$()調用中混合了一個對象和一個選擇器 ，所以您得到一個錯誤，這不是有效的參數 。

您可以繼續使用refs和jQuery，但是必須使用find()

$(this.refs.popupBody input).val('');

應該

$(this.refs.popupBody).find('input').val('')

如果你想讓所有的孩子，這將是這樣的

$(this.refs.popupBody).children()

jsfiddle