小编ver*_*otr的帖子

React和Redux:行动后重定向

我使用React/Redux开发了一个网站,我使用thunk中间件来调用我的API.我的问题涉及行动后的重定向.

我真的不知道如何以及在哪里可以进行重定向:在我的操作中,在reducer中,在我的组件中,......?

我的动作如下:

export function deleteItem(id) {
    return {
        [CALL_API]: {
            endpoint: `item/${id}`,
            method: 'DELETE',
            types: [DELETE_ITEM_REQUEST, DELETE_ITEM_SUCCESS, DELETE_ITEM_FAILURE]
        },
        id
    };
}
Run Code Online (Sandbox Code Playgroud)

react-redux 已经在我的网站上实现,我知道我可以如下所示,但如果请求失败,我不想重定向使用:

router.push('/items');
Run Code Online (Sandbox Code Playgroud)

谢谢!

react-router redux

17
推荐指数
3
解决办法
2万
查看次数

带有卡片和列表的UITableView - iOS Swift

我正在尝试创建一个自定义UITableView来显示我的项目内的卡片,如下所示:

自定义UITableView与卡

我已经有一个类CardView用阴影创建我的卡,但我没有成功地使用它来获得我正在寻找的东西.

也许最好的方法是自定义部分并在其上应用我的CardView.

你能帮帮我吗?

谢谢!

uitableview ios swift

6
推荐指数
1
解决办法
3172
查看次数

带有 RxSwift 的 MVVM-C:闭包中的“[weak self]”

我正在使用 RxSwift 开发一个 iOS 项目,并且使用带有协调器模式的 MVVM。

这是我的实现:

视图模型:

// MARK: - Private

private let showNextViewSubject = PublishSubject<Void>()

// MARK: - Inputs

var showNextView: AnyObserver<Void> {
    return showNextViewSubject.asObserver()
}

// MARK: - Outputs

var didShowNextView: Observable<Void> {
    return showNextViewSubject.asObservable()
}
Run Code Online (Sandbox Code Playgroud)

视图控制器:

private func bindButton() {
    _ = button.rx.tap
        .bind(to: viewModel.showNextView)
        .disposed(by: disposeBag)
}
Run Code Online (Sandbox Code Playgroud)

协调员:

self.viewModel.didShowNextView
        .subscribe(onNext: { [weak self] _ in
            self?.showNextView()
        })
        .disposed(by: disposeBag)
Run Code Online (Sandbox Code Playgroud)

我的问题出[weak self] _在协调器中:当我添加它时,self?.showNextView()它永远不会被调用,但是当我删除它时效果很好。

你知道为什么吗?

谢谢,罗曼

mvvm swift rx-swift

5
推荐指数
1
解决办法
2190
查看次数

将ESLint与Airbnb样式和制表符一起使用(React.js)

我正在研究React.js应用程序而我正在尝试将我的代码丢失.我将ESLint与Airbnb风格一起使用,但我有以下错误:

../src/Test.jsx
  4:2   error  Unexpected tab character                                no-tabs
  5:2   error  Unexpected tab character                                no-tabs
  5:3   error  Expected indentation of 2 space characters but found 0  react/jsx-indent
  6:2   error  Unexpected tab character                                no-tabs
Run Code Online (Sandbox Code Playgroud)

这是我的代码:

Test.jsx:

import React from 'react';

function Test() {
    return (
        <h1>Test</h1>
    );
}

export default Test;
Run Code Online (Sandbox Code Playgroud)

.eslintrc:

{
  "env": {
    "browser": true,
    "es6": true,
    "node": true
  },
  "extends": "airbnb",
  "parser": "babel-eslint",
  "rules": {
    "indent": [2, "tab", { "SwitchCase": 1, "VariableDeclarator": 1 }],
    "react/prop-types": 0,
    "react/jsx-indent-props": [2, "tab"], …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs eslint webpack

3
推荐指数
1
解决办法
5089
查看次数