Css 反应：无法读取属性'；风格'；未定义的

所以，我有这个代码，在react中：

const sidebar = document.getElementsByClassName("pro-sidebar");

此外，我尝试使用

function openNav() {
sidebar.style.width = "250px";}

和按钮上的

onClick={closeNav}

，但当我尝试按下按钮时，它会给我下一个错误：TypeError:无法读取未定义的属性“style”

---

为什么？？？

我们在React中没有像这样手动操作DOM。像这样做

  return (
    <div style={styles.container} />
  )

...

let styles = {
  container: {
    width: '20px'
  }
}

返回(
)
...
让样式={
容器：{
宽度：“20px”
}
}

---

您可以使用宽度上的字符串插值以编程方式更改函数的宽度。

您是否读取了错误？当您记录

侧栏时，您得到了什么？等等，当我按下按钮时，我如何更改该宽度？@MaresGabriel使用宽度的状态，当用户单击按钮时更改状态。使用字符串插值引用样式对象中的状态