React 组件实例与其他框架有何不同



在文档中,React 说它并不真正关心实例,因为组件将 props 作为输入并为你输出元素。它在顶部为您提供了一个示例,说明其他框架必须如何创建一个实例,然后将其连接到 DOM 以处理不同的事件。但我不明白这与 React 正在做的事情有什么不同。

你没有在 React 中调用组件上的new,但你仍然需要渲染它并创建所有相同的处理程序。组件内部的this仍然引用实例,所以 React 不必在每次渲染组件时都创建一个实例(即使它是一次渲染多次<li>中的组件(。

传统框架将不得不创建同一组件的多个实例来连接到它对应的每个 DOM 节点,这不也是 React 正在做的事情吗?一个组件如何跟踪多个this

事实上,React 在内部创建了 Component实例。您无需担心使用 new .

React Element 只是一个普通的 JavaScript 对象,它描述了你想要渲染的内容(React.ComponentHTML Element,如果type是一个字符串(。

从文档中:

元素不是实际实例。相反,这是一种告诉 对你想在屏幕上看到的内容做出反应。不能调用任何方法 在元素上。它只是一个不可变的描述对象,有两个 字段:类型:(字符串 |ReactClass(和props:Object1。

不同之处在于,开发人员不必编写代码来完成所有这些操作。 你只需编写 render 方法和回调,让 React 担心创建 DOM 元素和组件实例并将它们连接在一起。

最新更新