javascript - ReactJS 从循环/映射内部获取 refs/class/id 以在 JQuery 中使用

Question

我可以获取 map 函数内元素的类或 id 或 refs 的引用吗？

componentDidMount(){
        console.log(ReactDOM.findDOMNode(this.refs.items));
}
render(){

    var loop = Object.keys(this.state.posts).map((key) => {
        var post = this.state.posts[key];
        return(
            <div key={key} className="hakuna-matata" ref="items">
                ...
            </div>
        )
    }

    return {loop}
}

我想在 jQuery 中访问 ref=items 或 class=hakuna-matata 数组或对象

有人可以帮忙吗？请

Answer 1

嗯，所以你的循环的内容是一个数组。将数组折叠为字符串以获取整个 HTML 代码。

第二，问题是您希望 jQuery 在哪里与 HTML 代码一起工作。只要您在 render 方法中，代码就不在 DOM 树中。所以你必须让 jQuery 解析代码: var myJqueryNode = $(loop.join());.

如果在执行渲染后您处于 React 中的某种事件处理程序中，您可以轻松查询 DOM 树，例如: $('.hakuna-matata');