我可以获取 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 数组或对象
有人可以帮忙吗?请
最佳答案
嗯,所以你的循环
的内容是一个数组。将数组折叠为字符串以获取整个 HTML 代码。
第二,问题是您希望 jQuery 在哪里与 HTML 代码一起工作。
只要您在 render 方法中,代码就不在 DOM 树中。所以你必须让 jQuery 解析代码: var myJqueryNode = $(loop.join());
.
如果在执行渲染后您处于 React 中的某种事件处理程序中,您可以轻松查询 DOM 树,例如: $('.hakuna-matata');
关于javascript - ReactJS 从循环/映射内部获取 refs/class/id 以在 JQuery 中使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38738553/