将类重构为Hook元素

Question

我正在尝试将Class组件转换为Hook组件，但是努力翻译一些东西：

  sceneSetup = () => {
    const width = this.el.clientWidth;
    const height = this.el.clientHeight;
    this.el.appendChild(this.renderer.domElement);
  };

1）如何将this.el?转换为钩子组件？

---

也在我的渲染方法中，我返回了这个：

  render() {
    return(
        <div ref={ref => (this.el = ref)} />
    ) 
  }

2）div如何转换为钩子？

Answer 1

  

这将如何？可以翻译成一个钩子组件吗？

使用useRef钩子。

  

2）div如何转换为钩子？

仅使用 public class SortingLayerExposer : MonoBehaviour { public string SortingLayerName = "Default"; public int SortingOrder = 0; void Awake () { gameObject.GetComponent<MeshRenderer> ().sortingLayerName = SortingLayerName; gameObject.GetComponent<MeshRenderer> ().sortingOrder = SortingOrder; } } 引用返回div。

el

或者，您也可以使用callback ref来测量节点尺寸。

function Scene() {
  const el = useRef(null);

  return <div ref={el} /> // init el ref
}