Reactjs 如何在reacjs中获取类名?
如何在reactjs中检索类元素 我使用了下面的javascript代码来获取类元素,但是。有没有可能进去Reactjs 如何在reacjs中获取类名?,reactjs,Reactjs,如何在reactjs中检索类元素 我使用了下面的javascript代码来获取类元素,但是。有没有可能进去 let elements = document.getElementsByClassName('control-m'); let elements=document.getElementById('control-m'); log('ClassName',elements.ClassName); 返回( ) 另一种方法是可以使用reflet elements=document.ge
let elements = document.getElementsByClassName('control-m');
let elements=document.getElementById('control-m');
log('ClassName',elements.ClassName);
返回(
)
另一种方法是可以使用ref
let elements=document.getElementById('control-m');
log('ClassName',elements.ClassName);
返回(
)
另一种方法是您可以使用
ref
您可以使用useRef
钩子这样做:
import React, {useRef, useEffect} from 'react';
const sample = () =>{
const elementRef = useRef(null);
// this is equivalent of componentDidMount
useEffect(()=>console.log(elementRef.current), [])
return <div className="control-m" ref={elementRed}></div>
}
import React,{useRef,useffect}来自“React”;
常量样本=()=>{
const elementRef=useRef(null);
//这相当于componentDidMount
useffect(()=>console.log(elementRef.current),[])
返回
}
但老实说,你需要阅读react。在react中选择具有类名的项是不可能的,您不应该改变DOM。根据你的问题,React并不像你想的那样有效 您可以使用
useRef
hook这样做:
import React, {useRef, useEffect} from 'react';
const sample = () =>{
const elementRef = useRef(null);
// this is equivalent of componentDidMount
useEffect(()=>console.log(elementRef.current), [])
return <div className="control-m" ref={elementRed}></div>
}
import React,{useRef,useffect}来自“React”;
常量样本=()=>{
const elementRef=useRef(null);
//这相当于componentDidMount
useffect(()=>console.log(elementRef.current),[])
返回
}
但老实说,你需要阅读react。在react中选择具有类名的项是不可能的,您不应该改变DOM。根据你的问题,React并不像你想的那样有效 您可以使用ref您可以使用ref this.rdlRef=React.createRef();this.rdlRef=React.createRef();