小编Fab*_*one的帖子

我有一个包含一些信息的对象数组.我无法按照我想要的顺序渲染它们,我需要一些帮助.我这样渲染它们:

this.state.data.map(
    (item, i) => <div key={i}> {item.matchID} {item.timeM} {item.description}</div>
)

是否可以使用item.timeM该map()函数对它们进行升序排序,还是在使用map之前必须对它们进行排序？

我正在尝试使用React js将jquery ui datepicker集成到输入文本上,我有这个jsbin,http: //jsbin.com/diyifa/edit？html,js .

我有一个名为Datepicker.js的组件

import React from 'react';
import ReactDOM from 'react-dom';
import {UserProfileForm} from 'react-stormpath';

export default class DateInput extends React.Component {
    render() {
        return (
            <input type="text" className="datepicker"/>
        )
    }
}
export default class Calendar extends React.Component {
    componentDidMount: function () {
        $('.datepicker').datepicker();
        render()
        {
            return (
                <DateInput/>
            )
        }
    }
}
ReactDOM.render(
    <Calendar/>, document.getElementById('dpick')
);

我想在我的名为PatPage.js的页面中调用此组件

import React from 'react';
import DocumentTitle from 'react-document-title';
import {UserProfileForm} from 'react-stormpath';
import {Calendar} from './Datepicker.js';

<div …

我和React工作了一年多,我读过思考反应,提升状态,状态和生命周期.

我了解到React的数据流概​​念是单向数据流.

来自这些页面的Citates:

React的单向数据流(也称为单向绑定)可以保持模块化和快速的一切.

请记住:React是关于组件层次结构中的单向数据流.可能不会立即清楚哪个组件应该拥有哪个状态.对于新手来说,这通常是最具挑战性的部分,因此请按照以下步骤弄明白:......

如果您将组件树想象为道具的瀑布,每个组件的状态就像一个额外的水源,它在任意点连接它,但也向下流动.

据我所知,不允许使用以下示例,因为我将子状态数据传递给父级.但我看到一些开发人员这样工作:

class Parent extends React.Component {
    constructor(props) {
        super(props);
        this.state = { fromParent: null };
    }

    addSomething(stateValueFromChild) {
        this.setState({fromParent: stateValueFromChild});
    }

    render() {
        return <Child
                addSomething={(stateValueFromChild) => this.addSomething(stateValueFromChild)}>
                 // ...
        </Child>;
    }
}

class Child extends React.Component {
    constructor(props) {
        super(props);
        this.state = { fromChild: 'foo' };
    }

    render() {
        return <Form onSubmit={() => this.props.addSomething(this.state.fromChild)}>
                 // ...
        </Form>;
    }
}

我现在的问题是:

• 这真的不允许吗？
• 为什么这不是模块化和快速的？
• 这真的是制动单向数据流,成为双向数据流吗？ …

我尝试了很多方法，试图让 Xdebug 在 Docker 容器中工作。我接触到了这些资源：

• 使用 Docker Compose 和 WordPress 映像设置 Xdebug
• 在 Docker 中安装 XDebug
• 启动调试器
• 使用 Xdebug 和 PhpStorm 进行零配置 Web 应用程序调试
• 适用于 PhpStorm 的 Xdebug 和 Zend Debugger 书签生成器
• 配置Xdebug
• 解决常见的 PHP 调试问题
• .. 和别的

我认为问题要么是我不理解的端口，要么是调试器会话未启动或识别。对于调试器会话，我还尝试安装一个设置 cookie 的浏览器扩展。

我最终至少拥有了单独的容器，其中一个作为启用了 Xdebug 的开发容器。

docker-compose.yml

version: "3"
services:
  production:
    build: .
    ports:
      - "8000:80"
    volumes:
      - .:/var/www/html
  development:
    build: .
    ports:
      - "8080:80"
#      - "10000:80" also not working
    volumes:
      - .:/var/www/html
      - ./dev.php.ini:/usr/local/etc/php/php.ini

Dockerfile

FROM php:7.4.0-apache

RUN pecl install …

我有个问题。命令后

composer update

我收到错误消息

 [Symfony\Component\Console\Exception\LogicException]
  An option named "connection" already exists.


Script Sensio\Bundle\DistributionBundle\Composer\ScriptHandler::clearCache handling the symfony-scripts event terminated with an exception


  [RuntimeException]
  An error occurred when executing the ""cache:clear --no-warmup"" command:





    [Symfony\Component\Console\Exception\LogicException]
    An option named "connection" already exists.

我究竟做错了什么？

Exception trace:
 () at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Component\Console\Input\InputDefinition.php:232
 Symfony\Component\Console\Input\InputDefinition->addOption() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Component\Console\Command\Command.php:384
 Symfony\Component\Console\Command\Command->addOption() at C:\wamp64\www\ecommerce\vendor\doctrine\doctrine-bundle\Command\Proxy\RunSqlDoctrineCommand.php:24
 Doctrine\Bundle\DoctrineBundle\Command\Proxy\RunSqlDoctrineCommand->configure() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Component\Console\Command\Command.php:61
 Symfony\Component\Console\Command\Command->__construct() at C:\wamp64\www\ecommerce\vendor\doctrine\dbal\lib\Doctrine\DBAL\Tools\Console\Command\RunSqlCommand.php:36
 Doctrine\DBAL\Tools\Console\Command\RunSqlCommand->__construct() at C:\wamp64\www\ecommerce\var\cache\dev\appDevDebugProjectContainer.php:11355
 appDevDebugProjectContainer->getDoctrine_QuerySqlCommandService() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Component\DependencyInjection\Container.php:329
 Symfony\Component\DependencyInjection\Container->get() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Bundle\FrameworkBundle\Console\Application.php:140
 Symfony\Bundle\FrameworkBundle\Console\Application->registerCommands() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Bundle\FrameworkBundle\Console\Application.php:100
 Symfony\Bundle\FrameworkBundle\Console\Application->all() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Bundle\FrameworkBundle\Console\Application.php:64
 Symfony\Bundle\FrameworkBundle\Console\Application->doRun() at C:\wamp64\www\ecommerce\vendor\symfony\symfony\src\Symfony\Component\Console\Application.php:122
 Symfony\Component\Console\Application->run() at C:\wamp64\www\ecommerce\bin\console:27

我用 git 获取所有项目，并在一台计算机上全部运行，在第二台计算机上不运行。

例如，假设我正在不同的环境中部署 Next.js。

1. 地方发展
2. 分阶段部署
3. 生产部署

以前，我将.env文件与其中一个框架一起使用，我可以轻松地将文件命名为.env.local, .env.stage& .env.prod，当我在本地运行节点应用程序时，它会加载.env.local，export STAGE=stage框架会使用.env.stage，就像生产时一样。

Next js 中是否有这样的支持，我可以.env在不同的阶段使用不同的文件。如果支持，那么我将如何指定 Next.js 正在运行哪个阶段。

我已经看到很多与此类似的不同问题,但所有这些问题通常都针对特定的选择器.如果某处有重复,请告诉我,我错过了.

采取这种情况:

你想为wordpress,drupal或任何使用第三方功能的网站构建一个jquery插件.由于您事先并不知道每个特定事件和选择器,因此您需要定位如何将jquery/javascript功能添加到动态创建的元素中.另外,你不知道如何创建元素(使用ajax/php/etc回调).

例:

我最近尝试将select2或selectize添加到我的整个网站.不幸的是,由于我无法提前确定将添加选择元素(来自其他插件/模块),我无法确保选择jquery将适用于新创建的选择.

选择二

这是常规方法,但不适用于动态创建或克隆的选择:

<script type='text/javascript'>
    jQuery(document).ready(function($) {
        $("select").select2();
    });
</script>

如果我知道添加这些选择的所有事件,我可以简单地执行以下操作:

 $( ".some_button_that_creates_new_selects" ).on( "click", function() {
        jQuery("select").select2(); 
    });
 });

但是,由于我不知道所有动态选择器的选择器(因为许多是由第三方插件添加的),所以select2将不适用于新的选择.所以上面只适用于每个案例的senerio.

我需要找到一种遍历dom树的方法,并识别何时创建新选择.

我尝试使用.on定位几个事件,但它根本不能正常工作.

我读到javascript document.getElementsByTagName识别dom中的更改并反映在集合中.我也调查过querySelectorAll,但不确定它是如何工作的.

我也试过搞乱MutationObserver并检查.addednodes.length选择标签是否改变,但我没有真正得到任何地方.

UPDATE

在做了一些测试后,我意识到问题可能在于select2插件本身.Select2加载动态选择但没有获得定位.Chrome最终会抛出typeerros:无法读取属性'find'的null,无法读取属性'hasclass'的null.

表示具有消息、总元素、数据和状态等基本字段的通用响应/有效负载对象的最佳方式是什么？其中每个 API 之间的可变性是数据元素。例如，一个 API 可能用于权限，因此数据元素将保存一组权限。但对于另一个 API，它将保存不同的对象类型数组。我的主要目标是重用有效负载对象并定义实际数据的下一个“层”。

我希望能够定义一个通用的数据类型 - 就像具有基本字段的“响应”，但我希望能够进一步定义每个 API 的内容（包含权限或角色或其他内容的数据）。

以下是一些已尝试的 JSON 示例，但未按照我们期望的方式在 Swagger UI 中呈现（即 4 个元素的平面结构，其中数据根据 API 定义）。

实施例1-组成：

    {
    "swagger": "2.0",
    "host": "localhost:8888",
    "info": {
        "version": "0.0.1",
        "title": "API"
    },
    "paths": {
        "/permissions": {
            "get": {
                "description": "Returns all permissions",
                "operationId": "getPermissions",
                "produces": [
                    "application/json"
                ],
                "responses": {
                    "200": {
                        "description": "success",
                        "schema": {
                            "$ref": "#/definitions/permissionResponse"
                        }
                    }
                }
            }
        }
    },
    "definitions": {
        "response": {
            "type": "object",
            "properties": {
                "message": {
                    "type": "string",
                    "description": "A …

我在向用户提供错误的方式方面存在一些问题.我使用两个Goto指令"解决"了这个问题.请看一下代码:

<?php require_once("registration/include/membersite_config.php"); ?>
    <!DOCTYPE html>
    <html lang="en">
    <head><?php include_once("parts/head.php"); ?></head>
<body>
<div id="footerfix">
<?php include_once("parts/header.php"); ?>
    <div class="container">
        <div class="hero-unit">
<?php
if (isset($_GET['i'])) {
    unlink("users/thumbs/" . $_SESSION["user_code"] . ".jpg");
    header('Location: profile.php?i=mycv');
}
if (isset($_FILES['avatar']['tmp_name'])) {
    $file_ext = end(explode('.', $_FILES['avatar']['name']));
    if (in_array($file_ext, array('jpg', 'jpeg', 'png', 'gif')) == false) {
        echo("<h2>Error!</h2><p>Your profile photo have to be a picture file.</p>");
        goto nomore;
    }
    $src_size = getimagesize($_FILES['avatar']['tmp_name']);
    if ($src_size['mime'] == 'image/jpeg') {
        $src_img = imagecreatefromjpeg($_FILES['avatar']['tmp_name']);
    } elseif ($src_size['mime'] == 'image/png') {
        $src_img = …

是否可以通过登录 URL 传递语言？

我现在知道 Keycloak 支持多种语言，启用此功能后我可以使用它。目前，我只能在进入登录页面后更改该语言。我想用给定的语言显示登录页面。有没有办法使用查询参数或标头值通过登录页面 URL 传递语言？

加载登录页面后，我检查了它的 URL，并且该 URL 的末尾有一个查询参数，例如kc_locale=en. 我尝试使用此查询参数但它不起作用。

我正在使用bootbox创建一个对话框.

bootbox.dialog({
    message: 'Datepicker input: <input id="date"></input>',
    title: "Custom label",
    buttons: {
        main: {
            label: "Save",
            className: "btn-primary",
            callback: function () {
                console.log("Hi " + $('#first_name').val());
            }
        }
    }
});

$("#date").datepicker(); //Not working

有关如何使用datepicker输入创建启动箱提示的任何想法？谢谢

我有一个应用程序,我想从我的routing.yml(而不是.htaccess)重定向所有路由到同一路径:

home:
    path: /
    defaults: { _controller: MyBundle:Default:index }

如果用户输入/或进入/section或甚至/sajdfñldasf总是将重定向到主路径.

是否可以使用Symfony2和routing.yml执行此操作？