- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在减少 Flow 打字错误方面取得了一些进展,但仍然停留在其中的一组错误上。这是我的 Actions 文件中的一些示例代码:
export const ADD_ERROR: 'ADD_ERROR' = 'ADD_ERROR';
export const CLEAR_ERRORS: 'CLEAR_ERRORS' = 'CLEAR_ERRORS';
export const TOGGLE_PROCESSING: 'TOGGLE_PROCESSING' = 'TOGGLE_PROCESSING';
export const RESET_STATE: 'RESET_STATE' = 'RESET_STATE';
export const CLEANUP_INPUT_COMPANY_INFO: 'CLEANUP_INPUT_COMPANY_INFO' = 'CLEANUP_INPUT_COMPANY_INFO';
type AddErrorAction = {type: typeof ADD_ERROR, payload: ValidationError};
type ClearErrorsAction = {type: typeof CLEAR_ERRORS};
type ToggleProcessingAction = {type: typeof TOGGLE_PROCESSING};
type ResetStateAction = {type: typeof RESET_STATE, userRole: Role | ''};
type CleanupInputCompanyInfoAction = {type: typeof CLEANUP_INPUT_COMPANY_INFO};
export type CustomerAction =
| AddErrorAction
| ClearErrorsAction
| ToggleProcessingAction
| ResetStateAction
| CleanupInputCompanyInfoAction;
这是配套的 Reducers 文件(为清楚起见进行了删减):
import { ADD_ERROR,
CLEAR_ERRORS,
TOGGLE_PROCESSING
RESET_STATE,
CLEANUP_INPUT_COMPANY_INFO } from '../actions/Customer';
export const customerReducer = (state: CustomerState, action: CustomerAction) => {
switch (action.type) {
case ADD_ERROR: {
return {
// Code here
};
}
case CLEAR_ERRORS: {
return {
// Code here
};
}
case TOGGLE_PROCESSING: {
return {
// Code here
};
}
case UPDATE_WIZARD_INDEX: {
return {
// Code here
};
}
case RESET_STATE: {
return {
// Code here
};
}
case CLEANUP_INPUT_COMPANY_INFO: {
return {
// Code here
};
}
default: {
return state;
}
}
}
以上代码均未出现错误^^^。
在关联的上下文中是这段代码,它是根据此处概述的方法构建的:https://kentcdodds.com/blog/how-to-use-react-context-effectively
import React, { createContext, useReducer, useContext } from 'react';
import { customerReducer } from './reducers/Customer';
import type { CustomerAction } from './actions/Customer';
import type { UndefinedType } from '../redux/FlowTypes';
import type { ValidationError, User } from './SharedTypes';
import type { Role } from '../utils/constants';
type Dispatch = (action: CustomerAction) => void;
type CustomerState = {
isProcessing: boolean,
wizardIndex: number,
validationErrors: (?ValidationError)[],
companyName: string
};
const defaultState: FleetCustomerState = {
isProcessing: false,
wizardIndex: 0,
validationErrors: [],
companyName: ''
};
const CustomerStateContext = createContext<CustomerState>(defaultState);
const CustomerDispatchContext = createContext<Dispatch | UndefinedType>(undefined);
const CustomerProvider = ({ children }: {children: Object}) => {
const [state: CustomerState, dispatch: Dispatch] = useReducer(customerReducer, defaultState);
return (
<CustomerDispatchContext.Provider value={dispatch}>
<CustomerStateContext.Provider value={state}>
{children}
</CustomerStateContext.Provider>
</CustomerDispatchContext.Provider>
)
}
const useCustomerState = () => {
const context = useContext(CustomerStateContext);
if (context === undefined) {
throw new Error('useCustomerState must be used within a CustomerProvider');
}
return context;
}
const useCustomerDispatch = () => {
const context = useContext(CustomerDispatchContext);
if (context === undefined) {
throw new Error('useCustomerDispatch must be used within a CustomerProvider');
}
return context;
}
export type {CustomerState};
export {CustomerProvider, useCustomerState, useCustomerDispatch};
然后在我的组件中,我这样发送:
dispatch({type: ADD_ERROR, payload: {name, message, id}});
dispatch({type: ADD_ERROR, payload: {name, message}});
dispatch({type: TOGGLE_PROCESSING});
dispatch({type: CLEAR_ERRORS});
我在这些 dispatch
语句中遇到了很多错误。每个错误的措辞略有不同,但具有相同的模式。这里有两个例子:
Cannot call
dispatch
with object literal bound toaction
because: Either string literalTOGGLE_PROCESSING
[1] is incompatible with string literalRESET_STATE
[2] in propertytype
. Or string literalTOGGLE_PROCESSING
[1] is incompatible with string literalCLEANUP_INPUT_COMPANY_INFO
[3] in propertytype
.Cannot call
dispatch
with object literal bound toaction
because: Either string literalCLEAR_ERRORS
[1] is incompatible with string literalRESET_STATE
[2] in propertytype
. Or string literalCLEAR_ERRORS
[1] is incompatible with string literalCLEANUP_INPUT_COMPANY_INFO
[3] in propertytype
.
我不明白如何处理这些错误消息。任何建议将不胜感激!
最佳答案
我最好的猜测:- 将类型为 UPDATE_WIZARD_INDEX
的操作添加到 CustomerAction
- 使 Action 注释准确。例如,而不是
type AddErrorAction = {type: typeof ADD_ERROR, payload: ValidationError};
尝试
type AddErrorAction = {|type: typeof ADD_ERROR, payload: ValidationError|};
对于所有 Action
关于javascript - 调度操作时的流输入错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58397390/
我正在努力做到这一点 在我的操作中从数据库获取对象列表(确定) 在 JSP 上打印(确定) 此列表作为 JSP 中的可编辑表出现。我想修改然后将其提交回同一操作以将其保存在我的数据库中(失败。当我使用
我有以下形式的 Linq to Entities 查询: var x = from a in SomeData where ... some conditions ... select
我有以下查询。 var query = Repository.Query() .Where(p => !p.IsDeleted && p.Article.ArticleSections.Cou
我正在编写一个应用程序包,其中包含一个主类,其中主方法与GUI类分开,GUI类包含一个带有jtabbedpane的jframe,它有两个选项卡,第一个选项卡包含一个jtable,称为jtable1,第
以下代码产生错误 The nested query is not supported. Operation1='Case' Operation2='Collect' 问题是我做错了什么?我该如何解决?
我已经为 HA redis 集群(2 个副本、1 个主节点、3 个哨兵)设置了本地 docker 环境。只有哨兵暴露端口(10021、10022、10023)。 我使用的是 stackexchange
我正在 Desk.com 中构建一个“集成 URL”,它使用 Shopify Liquid 模板过滤器语法。对于开始日期为 7 天前而结束日期为现在的查询,此 URL 需要包含“开始日期”和“结束日期
你一定想过。然而情况却不理想,python中只能使用类似于 i++/i--等操作。 python中的自增操作 下面代码几乎是所有程序员在python中进行自增(减)操作的常用
我需要在每个使用 github 操作的手动构建中显示分支。例如:https://gyazo.com/2131bf83b0df1e2157480e5be842d4fb 我应该显示分支而不是一个。 最佳答
我有一个关于 Perl qr 运算符的问题: #!/usr/bin/perl -w &mysplit("a:b:c", /:/); sub mysplit { my($str, $patt
我已经使用 ArgoUML 创建了一个 ERD(实体关系图),我希望在一个类中创建两个操作,它们都具有 void 返回类型。但是,我只能创建一个返回 void 类型的操作。 例如: 我能够将 book
Github 操作仍处于测试阶段并且很新,但我希望有人可以提供帮助。我认为可以在主分支和拉取请求上运行 github 操作,如下所示: on: pull_request push: b
我正在尝试创建一个 Twilio 工作流来调用电话并记录用户所说的内容。为此,我正在使用 Record,但我不确定要在 action 参数中放置什么。 尽管我知道 Twilio 会发送有关调用该 UR
我不确定这是否可行,但值得一试。我正在使用模板缓冲区来减少使用此算法的延迟渲染器中光体积的过度绘制(当相机位于体积之外时): 使用廉价的着色器,将深度测试设置为 LEQUAL 绘制背面,将它们标记在模
有没有聪明的方法来复制 和 重命名 文件通过 GitHub 操作? 我想将一些自述文件复制到 /docs文件夹(:= 同一个 repo,不是远程的!),它们将根据它们的 frontmatter 重命名
我有一个 .csv 文件,其中第一列包含用户名。它们采用 FirstName LastName 的形式。我想获取 FirstName 并将 LastName 的第一个字符添加到它上面,然后删除空格。然
Sitecore 根据 Sitecore 树中定义的项目名称生成 URL, http://samplewebsite/Pages/Sample Page 但我们的客户有兴趣降低所有 URL(页面/示例
我正在尝试进行一些计算,但是一旦我输入金额,它就会完成。我只是希望通过单击按钮而不是自动发生这种情况。 到目前为止我做了什么: Angular JS - programming-fr
我的公司创建了一种在环境之间移动文件的复杂方法,现在我们希望将某些构建的 JS 文件(已转换和缩小)从一个 github 存储库移动到另一个。使用 github 操作可以实现这一点吗? 最佳答案 最简
在我的代码中,我创建了一个 JSONArray 对象。并向 JSONArray 对象添加了两个 JSONObject。我使用的是 json-simple-1.1.jar。我的代码是 package j
我是一名优秀的程序员,十分优秀!