Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在reacjs中获取类名?_Reactjs - Fatal编程技术网

Reactjs 如何在reacjs中获取类名?

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

如何在reactjs中检索类元素

我使用了下面的javascript代码来获取类元素,但是。有没有可能进去

  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();