小编Jit*_* Ks的帖子

我试图弄清楚React Hook API的工作方式。我正在尝试将数字添加到列表中。我评论的代码，即myArray.push ...似乎没有执行该操作，尽管它下面的代码可以正常工作。为什么会这样呢？

import React, {useState} from 'react'

export default () => {

  const [myArray, setArray] = useState([1,2,3])

  return (
    <div>
      {myArray.map((item=>{

        return <li>{item}</li>

      }))}
      <button onClick = {()=>{

        // myArray.push(myArray[myArray.length-1]+1)
        // setArray(myArray)

        setArray([...myArray, myArray[myArray.length-1]+1])

      }}>Add</button>
    </div>
  )
}

我正在开发一个应用程序，它基本上是一个可以嵌入交互式模拟的绘图应用程序。

我正在尝试添加用于在网站本身中录制屏幕和音频的选项，以便教师可以在线创建课程。实现这一目标的最佳方法是什么？我在互联网上搜索了很多，发现Muaz Khan 的 recordRTC是一个非常好的选择。但我是个菜鸟，我觉得里面有太多的选择，我不确定哪个对我来说是最好的选择。

我还阅读了有关 webRTC 的内容。是否可以使用它进行屏幕录制？我不介意使用 chrome 扩展，前提是我应该可以选择用它记录页面的特定部分。请帮忙....

useRef 返回的引用对象中的当前值始终为 null。

我在这里重现了这个问题 https://codesandbox.io/s/runtime-field-hmusg

我想获得对组件的引用 <MyComponent/>