小编cod*_*eek的帖子

我在chrome中打开应用程序时收到一个奇怪的警告.我不知道如何摆脱这个警告

[违规]为滚动阻止"鼠标滚轮"事件添加了非被动事件监听器.考虑将事件处理程序标记为"被动"以使页面更具响应性.

任何人都帮我把这件事说出来.谢谢你

我正在使用react-data-grid组件.它提供了一个包含编辑和更多选项的网格结构.当我们点击每个单元格时,我们可以编辑单元格的内容.在我的项目中,我遇到的情况就像日期列聚焦时我想绑定一个UI,用户可以在其中选择date.for,我使用了react-datepicker组件.我能够在date列选项中将react-datepicker组件作为格式化程序.我可以更改react datepicker组件中的日期,但这不是更新单元格值(当您单击控制台数据按钮时,您可以看到更改是否已更新).所有人帮我如何可以在react-datepicker组件中选择其他日期时更新单元格值.当其他单元格中的值发生更改时,它会自动发生.

import React from 'react';
import ReactDOM from 'react-dom';
import ReactDataGrid from 'react-data-grid';
import DatePicker from 'react-datepicker';
import moment from 'moment';


//helper to generate a random date
function randomDate(start, end) {
  return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime())).toLocaleDateString();
}

//helper to create a fixed number of rows
function createRows(numberOfRows){
  var _rows = [];
  for (var i = 1; i < numberOfRows; i++) {
    _rows.push({
      id: i,
      task: 'Task ' + i,
      startDate: randomDate(new …

我可以看到很多线程解释如何使用高阶组件在类组件内使用自定义挂钩，在这种情况下，我们在类组件内使用 Hooks 输出值。

在使用 HOC 时，有什么方法可以调用类组件内部的钩子吗？因为有时钩子会接受一些参数。该函数的参数基于类组件的状态

访问类组件内的钩子值

import React from 'react';
import { withSampleHookHoc } from './withSampleHookHoc';
    
class SampleClassComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          name: 'Guest',
        };
    }
    render() {
        return <h1> Sample Class Component - {this.props.name} </h1>;
    }
}
    
export default withSampleHookHoc(SampleClassComponent);

但我想要的是将状态值作为参数传递给钩子并从类组件调用它

import React from 'react';
import { withSampleHookHoc } from './withSampleHookHoc';

class SampleClassComponent extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          text: 'Guest',
        };
    }
    render() {
        return <h1> Sample Class Component …

我已经下载了Magento社区版和示例数据.我正在使用XAMPP,当我尝试安装Magento时,所有五个步骤都很好,如下所示

当我单击安装按钮时,安装过程将停止,并显示以下错误消息

Module 'Magento_Widget':

Installing schema..  [ERROR] exception 'Zend_Db_Exception'
with message 'Column "code" does not exist in table "widget".'
in C:\xampp\htdocs\Magento\vendor\magento\framework\DB\Adapter\Pdo\Mysql.php:967

Stack trace:
#0 C:\xampp\htdocs\Magento\vendor\magento\module-widget\Setup\InstallSchema.php(102): Magento\Framework\DB\Adapter\Pdo\Mysql->changeColumn('widget', 'code', 'widget_code', Array)
#1 C:\xampp\htdocs\Magento\setup\src\Magento\Setup\Model\Installer.php(798): Magento\Widget\Setup\InstallSchema->install(Object(Magento\Setup\Module\Setup), Object(Magento\Setup\Model\ModuleContext))
#2 C:\xampp\htdocs\Magento\setup\src\Magento\Setup\Model\Installer.php(732): Magento\Setup\Model\Installer->handleDBSchemaData(Object(Magento\Setup\Module\Setup), 'schema') 
#3 [internal function]: Magento\Setup\Model\Installer->installSchema() 
#4 C:\xampp\htdocs\Magento\setup\src\Magento\Setup\Model\Installer.php(331): call_user_func_array(Array, Array) 
#5 C:\xampp\htdocs\Magento\setup\src\Magento\Setup\Controller\Install.php(97): Magento\Setup\Model\Installer->install(Array) 
#6 C:\xampp\htdocs\Magento\vendor\zendframework\zend-mvc\src\Controller\AbstractActionController.php(82): Magento\Setup\Controller\Install->startAction() 
#7 [internal function]: Zend\Mvc\Controller\AbstractActionController->onDispatch(Object(Zend\Mvc\MvcEvent))
#8 C:\xampp\htdocs\Magento\vendor\zendframework\zend-eventmanager\src\EventManager.php(444): call_user_func(Array, Object(Zend\Mvc\MvcEvent))
#9 C:\xampp\htdocs\Magento\vendor\zendframework\zend-eventmanager\src\EventManager.php(205): Zend\EventManager\EventManager->triggerListeners('dispatch', Object(Zend\Mvc\MvcEvent), Object(Closure))
#10 C:\xampp\htdocs\Magento\vendor\zendframework\zend-mvc\src\Controller\AbstractController.php(118): Zend\EventManager\EventManager->trigger('dispatch', Object(Zend\Mvc\MvcEvent), Object(Closure))
#11 C:\xampp\htdocs\Magento\vendor\zendframework\zend-mvc\src\DispatchListener.php(93): Zend\Mvc\Controller\AbstractController->dispatch(Object(Zend\Http\PhpEnvironment\Request), Object(Zend\Http\PhpEnvironment\Response))
#12 [internal function]: Zend\Mvc\DispatchListener->onDispatch(Object(Zend\Mvc\MvcEvent))
#13 C:\xampp\htdocs\Magento\vendor\zendframework\zend-eventmanager\src\EventManager.php(444): call_user_func(Array, …

我正在使用Cropper.js在我的网站上裁剪照片.我已经按照自述页面中的所有步骤进行了操作,但是我收到了一些错误.我得到的第一个错误是未捕获的ReferenceError:没有定义Cropper.所以我添加了 var Cropper = window.Cropper statement.when我重新加载页面我得到另一个错误Uncaught TypeError:Cropper不是构造函数.但是这样只有他们将选项传递给Cropper构造函数,无法弄清楚出了什么问题

<!doctype html>
<html lang="en">
<head>
  <title>Cropper</title>
  <link rel="stylesheet" href="../dist/cropper.css">
  <style>
    img {
      max-width: 100%;
    }
  </style>
</head>
<body>

  <div>
    <img id="image" src="wallpaper.jpg">
  </div>

  <div id="preview" ></div>

  <!-- Scripts -->
  <script src="../assets/js/jquery.min.js"></script>
  <script src="../dist/cropper.js"></script>
  <script>
      var Cropper = window.Cropper;
      var image = document.getElementById('image');
      var cropper = new Cropper(image, {
        aspectRatio: 16 / 9,
        crop: function(e) {
          console.log(e.detail.x);
          console.log(e.detail.y);
          console.log(e.detail.width);
          console.log(e.detail.height);
          console.log(e.detail.rotate);
          console.log(e.detail.scaleX);
          console.log(e.detail.scaleY);
        }
      });
  </script> …

我有一个文本文件中的网址列表.我希望将图像下载到特定文件夹,我该怎么做.是否有任何插件可用于chrome或任何其他程序从网址下载图像

是否可以在Angular框架中访问MySQL数据库,或者像其他Javascript一样不安全,我需要发布到PHP页面以data/json从数据库中检索

在我的应用程序中，我有从服务器返回的数据，如下所示。它有非常深的嵌套：

var data = [{
    name: "root",
    children: [{
            name: "Parent1",
            children: [{
                    name: "Parent1-child1",
                    children: [{
                            name: "Parent1-child1-grandchild1",
                            children: [{
                                name: "Parent1-child1-grandchild1-last",
                                children:[]
                            }]
                        },
                        {
                            name: "Parent1-child1-grandchild2",
                            children: []
                        },
                        {
                            name: "Parent1-child1-grandchild3",
                            children: []
                        }
                    ]
                },
                {
                    name: "Paren1-child2",
                    children: [{
                            name: "Parent1-chil2-grandchild1",
                            children: []
                        },
                        {
                            name: "Parent1-child2-grandchild2",
                            children: [{
                                name: "Parent1-child2-grandchild2-last",
                                children: []
                            }]
                        },
                        {
                            name: "Parent1-child2-grandchild3",
                            children: []
                        }
                    ]
                },
                {
                    name: "Parent1-child3",
                    children: []
                }
            ]
        },
        {
            name: "Parent2", …

我有一个像下面这样的对象。我将遍历对象数组并检查是否有任何对象属性具有""值。下面的代码工作得很好，它将标志设置为 true，如果任何对象具有""空值，但是它不会脱离obj.forEach循环，它只存在于直接父级 for 循环之外。如果任何对象属性具有值，如何退出obj.forEach循环""

var obj = [
  {
    "fname": "name1",
    "lname": ""
  },
  {
    "fname": "name2",
    "lname": "lname2"
  },
  {
    "fname": "",
    "lname": "lname3"
  }
];
var hasEmptyValue = false
var hasEmptyProperty = obj3.forEach(function(item) {
    for (var key in item) {
        if (item.hasOwnProperty(key) && item[key] == "") {
            saveIt = true;
            break;
        }
        console.log("key->",key,"value ->",item[key]); 
    }
});

在我的应用程序中，我有一个数据，它是一个对象数组。如果数组中任何对象中的任何对象属性为空，则不应保存数据。考虑下面的示例数据，如何遍历数组中的所有对象并检查任何空值。在下面的数据中，第三个对象有一个空的 fname 属性，如何找到这样的空对象属性

var obj = [{fname:"name1",lname:"lname1"},
           {fname:"name2",lname:"name2"},
           {fname:"",lname:"name3"}
          ];