小编Kan*_*nia的帖子

TypeScript | Array.from | 错误TS2339:类型'ArrayConstructor'上不存在属性'from'

我在谷歌搜索,但无法找到信息,我应该如何添加到我的项目,以允许我使用ES6方法 Array.from

__编辑:删除原型单词

typescript ecmascript-6

22
推荐指数
2
解决办法
1万
查看次数

如何使用变量在jinja2模板中传递过滤器名称

我定义了一些过滤器并经常使用它.我需要做一些A/B测试,在某些情况下,一些过滤器应该以不同的方式工作.

最简单的方法是在模板中创建一个存储过滤器名称的变量.这样的事情:

{% set filter_name = 'some_name' %}
{{ my_value|filter_name }}
Run Code Online (Sandbox Code Playgroud)

但是当我尝试这个时,我收到一个错误:

TemplateAssertionError: no filter named 'filter_name'

请帮我找一个解决方案.

filter jinja2

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

Angularjs | 如何从定义控制器的元素中获取属性值

我还在和Angular中的简单事物作斗争.我有jQuery和Backbonejs背景,所以请不要对我大喊大叫.我努力理解差异

我有HTML,其中来自rails的项目ID为data-project-id:

<div data-ng-controller="ProjectCtrl as ctrl" data-project-id="1" id="project_configuration">
Run Code Online (Sandbox Code Playgroud)

有没有机会获得这个属性的访问权限?我需要它到我的API调用...

dom angularjs

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

反应| redux-form | 材料-ui | 如何将DatePicker与我的表单结合起来

在解决了一些问题之后,我坚持将DatePicker数据发送到我的表单.在我的表单中,我主要使用来自redux-form-material-ui的元素,但DatePicker不是它的一部分.

我找到了两种用redux-form创建DatePicker组件的方法.

<Field
  name="startDate"
  autoOk={true}
  floatingLabelText="startDate"
  component={(startDate) => {
    return <DatePicker {...startDate} />;
  }}
  onChange={(event, date) => {console.log(date);}}
/>
Run Code Online (Sandbox Code Playgroud)

<DatePicker
  name="startDate"
  autoOk={true}
  floatingLabelText="startDate"
  onChange={(event, date) => {console.log(date)}} />
Run Code Online (Sandbox Code Playgroud)

问题是我不知道用它来更新表单数据的方法.第一个示例甚至没有在文本字段中显示选中的日期.我可以在form.myForm商店看到,我使日期字段处于活动状态,但它永远不会更新为选择日期.第二个显示选择日期,但它不是form.myForm对象的一部分...

我在互联网上找到了一些例子(例如https://github.com/erikras/redux-form/issues/364),但fields道具中没有对象,所以无法调用this.props.fields.startDate.onChange.

我不确定使用redux-form和material-ui的好方法是什么,因为没有很多工作示例.我开始考虑为我使用的每个组件创建一个包装器,它将提供onChange方法,它将使用表单中的任何更改来更新我的商店.但是我不再需要redux-form,所以我认为必须有其他解决方案,我可以使用.

"react": "15.1.0",
"react-tap-event-plugin": "1.0.0",
"redux": "3.0.5",
"redux-form": "^6.0.0-alpha.4",
"redux-form-material-ui": "^2.0.0",
Run Code Online (Sandbox Code Playgroud)

datepicker reactjs redux material-ui redux-form

5
推荐指数
2
解决办法
3796
查看次数

@testing-library/react-hooks 警告:看起来您在测试交互中使用了错误的 act()

我有相当复杂且仍在增长的应用程序。我们使用带有钩子、上下文和其他有用东西的反应。一般来说,测试 react hooks@testing-library/react-hooks很容易。有时我们会遇到测试通过但出现奇怪警告的情况:

Warning: It looks like you're using the wrong act() around your test interactions.
Be sure to use the matching version of act() corresponding to your renderer:

// for react-dom:
import {act} from 'react-dom/test-utils';
// ...
act(() => ...);

// for react-test-renderer:
import TestRenderer from 'react-test-renderer';
const {act} = TestRenderer;
// ...
act(() => ...);
Run Code Online (Sandbox Code Playgroud)

是带有测试的小型应用程序。不幸的是,它仅适用于 chrome。在 FF 上,测试永远不会结束。测试正在通过,但在控制台中是可见的警告。如果它不适合您,请查看图片:

代码沙盒工作示例

如果有人能向我解释如何摆脱这个警告,我将不胜感激。我尝试了许多不同的方法,但最终,我们的许多测试都抛出了这个警告。

react-hooks-testing-library

5
推荐指数
2
解决办法
2239
查看次数

TypeScript | 不变的 扩展Immutable.Map类型的正确方法

我有一个使用immutable包在typescript中编写的react-redux应用程序.我有一个来自api和商店的数据我把它打包到Map.在所有应用程序中,它们都用作Map.

我创建了一个界面:

export interface PaymentMethod extends Immutable.Map<string, string | NamedType<number>> {
    id: string;
    name: string;
    description: string;
    accountNr: string;
    paymentMethodType: NamedType<number>;
}
Run Code Online (Sandbox Code Playgroud)

一般来说它非常好用.除了测试,我以这种方式创建数据:

const dummyPaymentMethod: PaymentMethod = Map({
    id: '',
    name: '',
    description: '',
    accountNr: '',
    paymentMethodType: { id: 1, name: '' },
});
Run Code Online (Sandbox Code Playgroud)

然后我得到一个lint错误:

Error:(116, 13) TS2322:Type 'Map<string, string | { id: number; name: string; }>' is not assignable to type 'PaymentMethod'.
Property 'id' is missing in type 'Map<string, string | { id: number; name: string; }>'.
Run Code Online (Sandbox Code Playgroud)

我觉得完全迷失了,因为我可以在界面和虚拟数据中看到id.

我会很感激它的一些亮点.我觉得我应该把可接受的键列表传递给我的Map,但不知道怎么做. …

typescript immutable.js

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

Wordpress - 插入准备好的查询vs $ wpdb-> insert_id

我创建了一个简单的插件.它在后端有一个配置站点,用户站点有一些功能.我需要将一些用户选择保存到数据库中.在开始时我使用了$ wpdb-> insert()和$ wpdb-> update()方法,但在我阅读https://codex.wordpress.org/wpdb_Class#Protect_Queries_Against_SQL_Injection_Attacks之后我想将其更改为$wpdb->query($wpdb->prepare()).

但是如何在没有新选择查询的情况下获取刚刚插入的行的id?如果我使用$ wpdb-> insert()我在$ wpdb-> insert_id中有这个id,但是如果我使用$ wpdb-> query()这个字段是空的...

wordpress insert prepared-statement

2
推荐指数
1
解决办法
3469
查看次数

材质用户界面组件| datePicker | 没有数据传递给onChange

我有一个带有material-ui 的简单形式DatePicker,例如:

<DatePicker name="startDate" autoOk={true} floatingLabelText="startDate" onChange={(x, event) => {console.log(arguments);}} />
Run Code Online (Sandbox Code Playgroud)

但是,如果更改日期,则会在控制台上打印一个空数组。对于如何解决此问题,我将不胜感激。

"material-ui": "0.15.0"
"react": "15.1.0"
"react-tap-event-plugin": "1.0.0"
"redux": "3.0.5"
"redux-form": "^6.0.0-alpha.4"
Run Code Online (Sandbox Code Playgroud)

javascript datepicker reactjs redux material-ui

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