- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我一直在重构我的应用程序以使更多组件成为无状态/纯组件;也就是说,它们只是函数。但是,我注意到某些组件需要通过 mapStateToProps
与 redux 存储连接。这导致我做这样的事情:
const someComp = (props) => {
const {
funcFromReduxStore,
} = props;
return (
...
<SomeComponent
func={ funcFromReduxStore(myArgs) }
...
);
};
这不起作用,因为我正在执行 funcFromReduxStore
。一个简单的解决方案是将 prop 包装在箭头函数中。但是,这会导致许多不必要的重新渲染,因为函数不会被绑定(bind)。
问题就变成了:如何在无状态组件中绑定(bind)函数?
如果我将其设为一个没有构造函数的类,并像这样创建一个类实例字段,它是否仍然是无状态的:
class someComp extends React.Component {
const {
funcFromReduxStore,
} = this.props,
wrapper = (x) => funcFromReduxStore(x) // equivalent way to bind w/ ES8+
render() {
...
<SomeCompnent
func={ wrapper(myArgs) }/>
...
}
}
我没有构造函数,也没有状态。我想保持组件无状态,但我也想绑定(bind)函数以避免不必要的重新渲染。我还想继续保持无状态,因为 React 已经声明无状态组件将会带来性能优势。这是否可以作为解决方法?
最佳答案
简短的回答,不。无状态功能组件需要是简单的功能。
您应该看看 Recompose库提供了一些非常酷的助手,可以让您增强您的 SFC。
如果您想防止不必要的重新渲染,您可以查看 onlyUpdateForKeys()
或pure()
.
编辑:因此,我对此进行了更多思考,并在 React component rendering performance 上发现了这篇非常棒的文章。 。该文章中与您的问题相关的要点之一:
Stateless components are internally wrapped in a class without any optimizations currently applied, according to Dan Abramov.
From a tweet 2016年7月
看来我错了。 “无状态功能组件”暂时是类。令人困惑的是,已经有 performance improvements theorized :
In the future, we’ll also be able to make performance optimizations specific to these components by avoiding unnecessary checks and memory allocations.
在这一点上,我认为你的问题的答案在很大程度上变得主观。当您创建一个扩展 React 组件的类时,该类的任何实例都会获得 setState
原型(prototype)方法。这意味着您有能力设置状态。那么这是否意味着即使您不使用状态它也是有状态的?感谢@Jordan 的link to the code 。 SFC 只有在被 React 包装在类中时才会在原型(prototype)上获得渲染方法。
就您想要绑定(bind)函数的观点而言,我认为您想要绑定(bind)该函数只有两个原因:
this
(组件实例)的访问权限。从你的例子来看,你似乎不需要这个。wrapper
函数似乎没有必要。函数的标识由父组件(或 mapStateToProps
,或任何 HOC)确定。您还应该看看 React 的 PureComponent
,它执行与 recompose 中的 pure()
HOC 相同的浅层检查。
关于class - react : Are classes without state still considered stateless/pure?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42520967/
我已经用 Java 创建了无状态 session bean。现在我想调用另一个无状态 session bean 的方法。我的代码中缺少一些东西。通常调用方法的方式不适合这里。在另一个无状态 sessi
我的组件中有以下代码,我希望无状态组件能够访问这部分代码: 主要成分: function createApp(store, communityIds) { const App = React.crea
最近,Facebook 发布了一种名为 Hacklang 的新语言,它通过 HHVM 编译为机器码。 所以我想知道,Hacklang 仅仅是一种状态语言吗? 谢谢。 最佳答案 PHP 是无状态的,除非
我花了一整天的时间了解什么是无状态架构。我读了很多帖子和答案,比如 Can My Web App Implement User Login and Remain Stateless? Pros and
我正在尝试使用 Hibernate 无状态 session 进行批量插入 class Book { String title; String author; Double pr
我正在尝试过滤 (javax.servlet.Filter) 我所有 Web 服务端点上的所有传入 SOAP 请求。这些 Web 服务是从 @Stateless EJB 创建的并使用 Message
我正在关注 EJB cookbook ,来自 packt,使用以下代码: package packt; import javax.ejb.Stateless; import javax.ejb.Loc
我遇到了内存泄漏问题,因为 EJB 没有从池中删除。 ejb 是 3.0 并且是无状态的。 In my jboss jmx-console 4.3, the statistics of a parti
我目前正在创建一个 EJB3 数据访问类来处理我的 Java EE 6 应用程序中的所有数据库操作。现在,由于 Java EE 6 提供了新的 ApplicationScoped 注释,我想知道我的
我正在学习使用 JAX-RS 进行一些 Restful api 开发,但我的资源类存在问题。 我的理解是我的资源类应该是 RequestScoped,但是,当它是 RequestScoped 时,我对
我听说“ RESTful API 应该是无状态的。所有状态信息都应该保存在客户端 ”。 但是当我从网页发出 AJAX 调用时,我注意到 session ID cookie 总是被发送到服务器。使用该
Laravel Socialite有一个“无状态”模式,它禁止将任何内容存储到 session 中。从阅读源代码来看,它并没有做任何不同的事情——它只是不存储或检索这些值。 作为其中的一部分,它 as
我正在维护一些运行良好的旧 JEE 代码,但正在使用一些静态帮助器类,其中实体管理器从调用 EJB 的方法中传递,如下所示: public class StaticHelper { publi
我正在关注 this tutorial它还使用 EJB: package exercise1; import java.util.Random; import javax.ejb.Stateless;
我想知道的是我是否从正确的角度接近这个问题。 我有一个我正在构建的 asp.net 应用程序。我正在使用 Masterpage 来查看应用程序的整体外观(您可以在下面看到代码)。 我想让菜单系统使用像
我想知道为什么我们在使用 TransactionAttributeType 时要使用无状态注释,如下所示: @TransactionAttribute(TransactionAttributeType
我正在用 golang 构建一个应用程序,我希望它具有容错能力。我研究了不同的算法,如 RAFT 和 Paxos 以及它们在 golang 中的实现(etcd 的 raft,hashicorp 的 r
我正在尝试使用 React Native 创建一个组件,如下所示: export class IndicatorOverlay extends Component { render() {
我在 bean 中有一些代码用于监视连接句柄: @Stateless public class MyClass { private CloseableHttpAsyncClient devic
我习惯于为服务、DAO 或 Controller 对象创建 Spring bean 作为单例。好吧,这对我来说似乎很自然。现在我的一个同事喜欢把所有这样的对象都做成原型(prototype)。 反对的
我是一名优秀的程序员,十分优秀!