小编fal*_*sky的帖子

从Twig设置数组元素

如何从Twig中设置已存在的数组的成员?

我尝试下一步:

{% set arr['element'] = 'value' %}
Run Code Online (Sandbox Code Playgroud)

但我收到以下错误:

在......中意外的标记"标点符号"值"["("预期结束语句块")

php twig

119
推荐指数
4
解决办法
11万
查看次数

如何在React native redux的reducer中向数组添加元素?

如何arr[]在reducer中的redux状态数组中添加元素?我这样做 -

import {ADD_ITEM} from '../Actions/UserActions'
const initialUserState = {
    arr:[]
}

export default function userState(state = initialUserState, action)
{
    console.log(arr);
    switch (action.type)
    {
        case ADD_ITEM: 
            return { 
                      ...state,
                      arr: state.arr.push([action.newItem])
                   }

        default:
            return state
    }
}
Run Code Online (Sandbox Code Playgroud)

react-native redux react-redux

116
推荐指数
5
解决办法
10万
查看次数

如何在不编写长查询的情况下查询所有GraphQL类型字段?

假设您有GraphQL类型,它包含许多字段.如何在不写下包含所有字段名称的长查询的情况下查询所有字段?

例如,如果我有这些字段:

 public function fields()
    {
        return [
            'id' => [
                'type' => Type::nonNull(Type::string()),
                'description' => 'The id of the user'
            ],
            'username' => [
                'type' => Type::string(),
                'description' => 'The email of user'
            ], 
             'count' => [
                'type' => Type::int(),
                'description' => 'login count for the user'
            ]

        ];
    }
Run Code Online (Sandbox Code Playgroud)

要查询所有字段,查询通常是这样的:

FetchUsers{users(id:"2"){id,username,count}}
Run Code Online (Sandbox Code Playgroud)

但我想要一种方法来获得相同的结果,而无需编写所有字段,如下所示:

FetchUsers{users(id:"2"){*}}
//or
FetchUsers{users(id:"2")}
Run Code Online (Sandbox Code Playgroud)

有没有办法在GraphQL中执行此操作?

我正在使用Folkloreatelier/laravel-graphql库.

php laravel graphql graphql-php

93
推荐指数
5
解决办法
5万
查看次数

清除 React Hooks 中未安装组件的内存泄漏

我是使用 React 的新手,所以这可能很容易实现,但即使我做了一些研究,我也无法自己弄清楚。如果这太愚蠢,请原谅我。

语境

我将Inertia.js与 Laravel(后端)和 React(前端)适配器一起使用。如果你不知道惯性,它基本上是:

Inertia.js 可让您使用经典的服务器端路由和控制器快速构建现代单页 React、Vue 和 Svelte 应用程序。

问题

我正在做一个简单的登录页面,它有一个表单,提交时将执行 POST 请求以加载下一页。它似乎工作正常,但在其他页面中,控制台显示以下警告:

警告:无法对卸载的组件执行 React 状态更新。这是一个空操作,但它表明您的应用程序中存在内存泄漏。要修复,请取消 useEffect 清理函数中的所有订阅和异步任务。

在登录中(由 Inertia 创建)

相关代码(我已经对其进行了简化以避免不相关的行):

import React, { useEffect, useState } from 'react'
import Layout from "../../Layouts/Auth";

{/** other imports */}

    const login = (props) => {
      const { errors } = usePage();

      const [values, setValues] = useState({email: '', password: '',});
      const [loading, setLoading] = useState(false);

      function handleSubmit(e) {
        e.preventDefault();
        setLoading(true);
        Inertia.post(window.route('login.attempt'), values)
          .then(() => {
              setLoading(false); …
Run Code Online (Sandbox Code Playgroud)

javascript promise inertiajs reactjs react-hooks

39
推荐指数
2
解决办法
4万
查看次数

在angular $ resource上添加自定义函数

我有一个像这样的角度资源

app.factory('User', function ($resource) {
    return $resource(
        '/api/user/:listCtrl:id/:docCtrl/', {
            id: '@id',
            listCtrl: '@listCtrl',
            docCtrl: '@docCtrl'
        }, {
            update: {
                method: 'PUT'
            },
            current: {
                method: 'GET',
                params: {
                    listCtrl: 'current'
                }
            },
            nearby: {
                method: 'GET',
                params: {
                    docCtrl: 'nearby'
                },
                isArray: true
            }
        }
    );
});
Run Code Online (Sandbox Code Playgroud)

现在我想在视图中有全名,我可以添加一个方法,这样当我这样做

$scope.user = User().current();
Run Code Online (Sandbox Code Playgroud)

而不是在HTML中执行以下操作

<p>{{ user.first_name }} {{ user.last_name }}</p>
Run Code Online (Sandbox Code Playgroud)

我这样做

<p>{{ user.get_full_name }}</p>
Run Code Online (Sandbox Code Playgroud)

有没有办法将此属性添加到$resource

javascript angularjs angularjs-scope angularjs-resource

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

一个页面中有多个版本的AngularJS

将两个不同版本的AngularJS加载到一个页面中可能会遇到什么问题?

显然,这似乎是一件愚蠢的事情,但我的用例是一个使用AngularJS的页面,其中包含拖拽其首选版本的AngularJS的第三方组件.

更新:

找到一些信息:

https://groups.google.com/forum/#!msg/angular/G8xPyD1F8d0/u1QNDNvcwW4J https://github.com/angular/angular.js/pull/1535

angularjs

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

使用redux调用api时,componentWillReceiveProps方法不再运行

我打算用调用API redux:我用axios,history,react-redux,react-router-native,react-router,, redux-promise-middleware,redux-thunk组件使用使API调用redux:我做了Reducers文件夹,并把我所有的减速机文件中有自己的文件,并在主文件中像这样,这是他们结合我的generateoptReducer.js文件:

const initialState = {
    data: {},
    error: null,
    status: null
};
import {generateOTP} from '../Actions/api';
export default function reducer(state = initialState, action) {

    switch (action.type) {
        case (action.type === 'GENERATEOTP_PENDING' || {}).input:
            // Action is pending (request is in progress)
            return {...state, status: 'fetching',methodes:'done1'};
        case (action.type === 'GENERATEOTP_FULFILLED' || {}).input:
            // Action is fulfilled (request is successful/promise …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-redux react-router-redux

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

反应HOC的JSDoc标记支持(高阶组件)

使用JSDoc记录React高阶组件的正确方法是什么?当然,内置的React特定标签没有 - 所以什么是正确的方法?

reactjs jsdoc3

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

数组属性如何在JS对象中工作

对于下面的代码,为什么propBmyObj更新?为什么test.childObj没有自己的财产propB

var myObj = { propA: '', propB: [] }
var fatherObj = {
    childObj: null,
    init: function() {
        this.childObj = Object.create(myObj);
        this.childObj.propA = 'A';
        this.childObj.propB.push(2);
    }
}

var test = Object.create(fatherObj);
test.init();

console.log(myObj.propB.length);
console.log(test.childObj.hasOwnProperty('propA'));
console.log(test.childObj.hasOwnProperty('propB'));
Run Code Online (Sandbox Code Playgroud)

javascript

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

如何使用react-router创建反向路由

我想知道是否有一种推荐的方法来为我的react-router基础应用中的链接构建URL .在Zend Frameworkfor 的世界里php,我将使用一个使用反向路由的url帮助器.我将路由名称和params提供给路由配置,它会吐出我链接到的URL(或者推送到的情况react-router).

我发现了这个:但它看起来只支持最高版本1 react-router.我是第3版.

javascript react-router

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