小编Tra*_*oud的帖子

React:如何在setState上更新state.item [1]?(用JSFiddle)

我正在创建一个用户可以设计自己的表单的应用程序.例如,指定字段的名称以及应包含哪些其他列的详细信息.

该组件在此处作为JSFiddle提供.

我的初始状态如下:

var DynamicForm = React.createClass({
  getInitialState: function() {
   var items = {};
   items[1] = { name: 'field 1', populate_at: 'web_start',
                same_as: 'customer_name',
                autocomplete_from: 'customer_name', title: '' };
   items[2] = { name: 'field 2', populate_at: 'web_end',
                same_as: 'user_name', 
                    autocomplete_from: 'user_name', title: '' };

     return { items };
   },

  render: function() {
     var _this = this;
     return (
       <div>
         { Object.keys(this.state.items).map(function (key) {
           var item = _this.state.items[key];
           return (
             <div>
               <PopulateAtCheckboxes this={this}
                 checked={item.populate_at} id={key} 
                   populate_at={data.populate_at} />
            </div>
            ); …
Run Code Online (Sandbox Code Playgroud)

javascript state reactjs

215
推荐指数
11
解决办法
25万
查看次数

导航抽屉:将标题添加到组,而不是项目

我有一个标准的导航抽屉,由Android Studio预先创建,并希望用多个组填充它.我从这开始:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_mode_person"
            android:icon="@drawable/ic_person_black_24dp"
            android:title="Person" />
        <item
            android:id="@+id/nav_mode_group"
            android:icon="@drawable/ic_group_black_24dp"
            android:title="Community" />
    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/ic_menu_share"
                android:title="Share" />
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_send"
                android:title="Send" />
        </menu>
    </item>

</menu>
Run Code Online (Sandbox Code Playgroud)

但我没有得到的是,是否有可能给每个组别一个头衔?我的意思是有一个android:title可用于<item>s 的选项,但是它不可用于<group>s,如果我尝试围绕项目包装组,我得到的是一个混乱的条目行为.

我阅读了谷歌关于导航抽屉的设计指南,但如果团体应该拥有自己的名字或者他们不应该这样做,那就错过了这一点.这是我想要实现的目标的图片:

在此输入图像描述

是否可以不添加随机<TextView>s?顺便说一句,我想通过XML来做,而不是以编程方式.

android navigation-drawer material-design

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

如何在MySQL中使用数组循环?

我想创建一个存储过程或普通查询,其值与数组一起传递.

例:

CREATE PROCEDURE proc() 
BEGIN 
    DECLARE cont INTEGER; 
    DECLARE var ARRAY; 
    SET cont = 0;
    SET var = ("hi", "hello", "good", ...)

    WHILE cont < 12 DO 
        SELECT * FROM tablex
        WHERE name = var[cont];
        SET cont = cont + 1; 
    END WHILE; 
END;
Run Code Online (Sandbox Code Playgroud)

显然这是行不通的,但我想知道如何实现这一目标.

mysql arrays stored-procedures while-loop

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

Karma / jasmine-marbles:测试失败消息格式不正确

我已将jasmine-marbles添加到我的项目中,但收到如下错误消息:

Expected $[0].frame = 20 to equal 70.
Expected $[0].notification.kind = 'E' to equal 'N'.
Expected $[0].notification.value = undefined to equal LoadSuccess().
Run Code Online (Sandbox Code Playgroud)

而不是这样的:

Expected 
    {"frame":50,"notification":{"kind":"N","value":{"payload":"[
...
to deep equal 
    {"frame":40,"notification":{"kind":"N","value":{"payload":"[
...
Run Code Online (Sandbox Code Playgroud)

测试:

it('should loadData$', () => {
    const action = new LoadRequest('123');
    const completion = new LoadSuccess({});

    actions$.stream = hot('-a', { a: action });
    const response = cold('-a|', { a: {} });
    const expected = cold('---c', { c: completion });

    client.loadData = () => response;

    expect(effects.loadData$).toBeObservable(expected);
});
Run Code Online (Sandbox Code Playgroud)

包.json: …

mocha.js jasmine rxjs karma-jasmine marble-diagram

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

Angular 9 Uncaught ReferenceError:regeneratorRuntime 未定义

我创建了一个新的 angular 应用程序,通过将 dist 文件夹中的所有内容复制到 angular 应用程序的资产文件夹中并在 index.html 中引用它,我导入了一个 3rd 方应用程序 (svgedit)。现在我收到这个错误

未捕获的 ReferenceError:未定义 regeneratorRuntime

我已经搜索并看到了包含 babel-polyfill 等的建议,但一直无法解决这个问题。

这是我的设置,Angular 9.1.7

套餐

@angular-devkit/architect         0.901.7
@angular-devkit/build-angular     0.901.7
@angular-devkit/build-optimizer   0.901.7
@angular-devkit/build-webpack     0.901.7 
@angular-devkit/core              9.1.7
@angular-devkit/schematics        9.1.7
@angular/cli                      9.1.7
@ngtools/webpack                  9.1.7
@schematics/angular               9.1.7
@schematics/update                0.901.7
rxjs                              6.5.5
typescript                        3.8.3
webpack                           4.42.0
Run Code Online (Sandbox Code Playgroud)

package.json

{
  "name": "scada",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~9.1.0", …
Run Code Online (Sandbox Code Playgroud)

babeljs babel-polyfill angular

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

在 Cloudflare Workers KV 等分布式数据存储中存储 ReadableStream 的用例有哪些?

Cloudflare 自己的全球分布式数据存储 \xe2\x80\x93 Workers KV \xe2\x80\x93可以接受三种“类型”的数据stringArrayBufferReadableStream

\n

虽然前两者的用例足够清楚,但我正在努力弄清楚存储如何ReadableStream有用。我熟悉这个概念:使用它,您可以随着时间的推移“流式传输”不同的值,但是将其放入数据存储中有何意义?典型场景有哪些?

\n

distributed-computing cloudflare serverless cloudflare-workers

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