reactive-programming 相关问题

我正在尝试实现一个特定的向导组件，用户可以使用以下模式使用该组件。我正在尝试实现一个特定的 Wizard 组件，用户可以使用以下模式使用该组件。 <Wizard {...wizardProps} onFinish={this.handleFinish}> <WizardStep onValidate={() => this.componentARef.isValid()}> <ComponentA onRef = { ref => (this.componentARef = ref)}/> </WizardStep> <WizardStep onValidate={() => this.componentBRef.isValid()}> <ComponentB onRef = { ref => (this.componentBRef = ref)}/> </WizardStep> <WizardStep onValidate={() => this.componentCRef.isValid()}> <ComponentC onRef = { ref => (this.componentCRef = ref)}/> </WizardStep> </Wizard> 现在考虑反应方式，我们不能/不应该从父组件调用子组件的方法。在这里，我想在每个组件中保留一个 isValid 方法，单击 Wizard 按钮时将从父 Next/Finish 组件调用该方法。 React 方式建议将状态和逻辑移动到父组件。但这样我将无法重用相同的组件，例如ComponentA 在任何其他向导或任何其他地方，否则我将不得不在每个使用 ComponentA 的父组件中复制验证逻辑。使用ref或这种方法我可以轻松访问子组件的方法（isValid）。截至今天（React 版本 16.6），我没有看到在 React 中根据需要使用此模式有任何陷阱。在反应中使用这种模式可能会遇到什么问题？在这个特定的示例中是否有更好的选择，我可以使用它在步骤组件中保留 isValid 方法（例如 ComponentA）以供重用？简短回答是的。长答案来自 React 的参考文档：在典型的 React 数据流中，props 是父组件与其子组件交互的唯一方式。要修改子项，您可以使用新的道具重新渲染它。您的第一个倾向可能是使用引用在您的应用程序中“让事情发生”。如果是这种情况，请花点时间更仔细地思考状态应该在组件层次结构中的哪个位置拥有。创建引用是为了在特定用例（焦点、文本选择、媒体播放、第三方库等）中访问 DOM，但在尝试使其他组件执行操作时应避免使用它们。当然，你可以拥有一个在使用 refs 调用子组件方法时工作的 React 应用程序，但是，是的，这是非常反模式的。简短回答：您的场景中的这种方法是可以的。当您的场景发生变化时，只需重新访问它即可。解释：这不是您的场景中的反模式。如果您通过 ref 控制子组件的行为，它将被视为反模式。 React 建议避免此类反模式，如一般建议，以避免组件因受不同事实来源控制而变得不稳定的边缘情况。但是，在像您这样的场景中，您确定为什么要使用它，那就没问题了。例如，React 建议不要从 props 中填充状态。这是真的，因为这样你就有了两个事实来源，你需要同步它们，否则你的组件将无法正常运行。但是，如果您确定您的道具（特别是数据）不会改变，它就不再是反模式，因为您现在从道具中播种状态，但随后它继续仅在状态级别进行管理。您可以通过使用道具渲染技术来实现这一点。请访问此链接，其中解释了如何使用它。 https://medium.com/p/0b2bce4e34a8

javascript reactjs reactive-programming

回答 3 投票 0

如何克服阻塞可选的是Spring Web Flux中的阻塞

我目前正在进行流式传输练习，情况如下：当我到达端点时，我会收到一串令牌，我的工作是在每个令牌到达时保存它们。

java spring-boot spring-webflux reactive-programming

回答 1 投票 0

为什么我们需要在模板内使用 `.value` 作为返回计算引用的函数

我有一个返回 ComputedRef 的函数，如下所示 // 计算出的 ref 函数 const PublicationBooksMessage = () => 计算(() => { 返回author.books.length > 0 ? ‘是’：‘否’ }) 至

vue.js vuejs3 reactive-programming computed-properties

回答 1 投票 0

没有尸体时如何处理

通常，在删除请求中，响应码为204（无内容）当没有 json 解码的正文时，您如何使用合并来处理此类问题。 func deleteById(_ id: Int) -> AnyPublisher 通常，在删除请求中，响应代码为 204 (no content) 当没有 json 解码的正文时，您如何使用合并来处理此类问题。 func deleteById(_ id: Int) -> AnyPublisher<Void, Error> { var request = URLRequest(url: URL(string: "http://domain/products/\(id)")!) request.httpMethod = "DELETE" return session.dataTaskPublisher(for: request) .map { (data, response) -> AnyPublisher<Void, Error> in Just(()) .setFailureType(to: Error.self) .eraseToAnyPublisher() } .eraseToAnyPublisher() } 尝试 func deleteById(_ id: Int) -> AnyPublisher<Void, Error> { var request = URLRequest(url: URL(string: "http://domain/products/\(id)")!) request.httpMethod = "DELETE" return session.dataTaskPublisher(for: request) .map { _ in return } // return nothing .eraseToAnyPublisher() } URLSession.dataTaskPublisher 为您提供 Failure 类型为 URLError 的发布者。您的方法的返回类型表示返回值应该具有 Failure 类型，即 Error。注意，flatMap只能将Failure类型更改为Never（有点像setFailureType）。它无法将其更改为其他 Error 类型。 mapError 改变失败类型。 return URLSession.shared.dataTaskPublisher(for: request) .map { _ in () } // '()' is a value of Void .mapError { $0 as Error } .eraseToAnyPublisher() 其他需要考虑的事项：刚回来AnyPublisher<Void, URLError> 使用 ignoreOutput() 而不是 map 返回 AnyPublisher<Never, URLError>。这是一个不发布任何价值，只发布完成的发布者。

ios swift reactive-programming combine

回答 1 投票 0

我需要帮助使用 Rx 创建滑动窗口速率限制器

使用Rx可以实现在指定时间内只能处理指定数量的速率限制器吗？例如，如果您将其设置为每秒仅处理 5 次，输入如下...

c# reactive-programming reactivex rx.net

回答 1 投票 0

带有组合的可选执行路径

我是结合 Swift for iOS 的新手，正在努力解决有关类型的错误。我有一个保存用户的案例，并且可以选择保存角色（如果提供）。无论哪种情况，是否提供了角色...

ios swift reactive-programming combine

回答 1 投票 0

Angular HttpClient GET 解析 application/x-ndjson 错误

我正在尝试在我的角度中使用 Spring boot webfulx 反应式 api，但我在浏览器开发人员控制台中遇到以下错误。 {错误：SyntaxError：意外的标记 { JSON 中的位置 231 处...