新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

react怎么获取到元素的style,react 获取dom

发布时间:2023-12-26 00:03:47

react怎样获得到元素的style

在React中,可使用ref来获得元素的援用,并通过援用来访问元素的样式。

首先,在组件的构造函数中创建一个ref对象:

constructor(props) {
  super(props);
  this.myRef = React.createRef();
}

然后,在需要获得元素样式的地方,可使用ref对象来访问该元素:

render() {
  return (
    <div ref={this.myRef}>Hello, World!</div>
  );
}

componentDidMount() {
  const element = this.myRef.current;
  const style = window.getComputedStyle(element);
  console.log(style);
}

在上面的例子中,ref被赋值给div元素,并在componentDidMount生命周期方法中获得div元素的样式。可使用window.getComputedStyle方法来获得元素的计算样式对象,该对象包括了元素的所有样式属性。

注意:使用ref来访问元素的样式只能在组件渲染完成后才能获得到正确的值。