小编vin*_*deo的帖子

反应表在构建中给出空表

这是一个非常奇怪的问题，但我使用的是 react-table 7.0.0.rc16，我最近升级到 react-table 7.0.1 问题是我的数据在开发模式下工作，但是一旦我创建了一个 react 构建它就不会渲染任何东西我想知道为什么，我为此附上了我的 package.json。沙盒

演示

包.json

{
  "name": "test",
  "homepage": "http://www.test.com",
  "version": "0.0.0",
  "private": true,
  "dependencies": {
    "@date-io/date-fns": "^1.3.11",
    "@material-ui/core": "^4.4.2",
    "@material-ui/icons": "^4.4.3",
    "@material-ui/lab": "^4.0.0-alpha.39",
    "@material-ui/pickers": "^3.2.6",
    "bootstrap": "^4.4.1",
    "classnames": "^2.2.6",
    "date-fns": "^2.9.0",
    "echarts": "4.2.1",
    "echarts-for-react": "^2.0.15-beta.0",
    "formik": "^1.5.8",
    "formik-material-ui": "^0.0.22",
    "google-map-react": "^1.1.5",
    "i18next": "^17.0.18",
    "i18next-browser-languagedetector": "^4.0.0",
    "i18next-xhr-backend": "^3.2.0",
    "immutable": "^4.0.0-rc.12",
    "node-sass": "^4.12.0",
    "prop-types": "^15.6.1",
    "react": "^16.9.0",
    "react-csv": "^2.0.3",
    "react-custom-scrollbars": "^4.2.1",
    "react-d3-tree": "^1.16.1",
    "react-dom": "^16.9.0",
    "react-google-maps": "^9.4.5",
    "react-i18next": "^10.13.1",
    "react-redux": "^7.1.1",
    "react-router-dom": "^5.1.2",
    "react-scripts": …

Run Code Online (Sandbox Code Playgroud)

javascript build reactjs react-router react-table

vin*_*deo

2021 02-03

5
推荐指数

1
解决办法

182
查看次数

无法使用 setstate 钩子复制数组

每当我尝试更新未更新的挂钩时，我都会使用 axios 从后端获取数据。数据是 JSON，我从中提取数据并尝试设置元素。听起来可能很傻，但有人能告诉我什么是依赖数组吗？

我一直收到
第 18 行：React Hook useEffect 缺少依赖项：'elements'。包括它或删除依赖数组 react-hooks/exhaustive-deps

这是代码

import React, { useEffect, useState } from 'react';
import './App.css';
import axios from 'axios';

function App() {
  const [elements, setElements] = useState([]);

  useEffect(() => {
    const res = async () => {
      const result = await axios.get('/data');
      const data = result.data;
      console.log(data);
      setElements(elements => [...elements, data]);
      console.log(elements);
    };
    res();
  }, []);
 console.log(elements.map(element => console.log(element)));
  return <div className='App'>Hello</div>;
}

export default App;

Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

vin*_*deo

2019 10-02

2
推荐指数

1
解决办法

2257
查看次数

event.preventDefault() vs. return false vs Event.stopPropagation() 等方法

我正在使用表单并提交 $(document).on('submit','form',function(event){

现在我想停止提交表单以进行验证。我找到的选项是

event.preventDefault()
Event.stopPropagation()
return false
throw new Error("Something went badly wrong!");
calling a fake function which does not exist

Run Code Online (Sandbox Code Playgroud)

谁能解释一下我应该使用哪一个，以及是否有更多方法可以停止执行 Javascript 表单提交？

javascript jquery onsubmit dom-events

vin*_*deo

2019 03-23

1
推荐指数

1
解决办法

893
查看次数

输入元素应具有自动完成属性

我在控制台中收到此消息，我听不懂。请调查一下

    <!DOCTYPE html>
<html>
<head>
    <title>registration page</title>
        <script src="js/jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        $('form').submit(function(event){
    "use strict";
        var valid = true,
        message = '';    
            $('.error').remove();           
   $('form input').each(function() {
        var $this = $(this);   
        if(!$this.val()) {
            message='';
            var inputName = $this.attr('name');
            valid = false;
            message += 'Please enter your ' + inputName + '\n';
            $(this).closest('div').append('<div class="error">'+message+'</div>');           
        }
})
           if(!valid){
                event.preventDefault();
        }else{
$('form').serialize()
        }
})
})
    </script>
</head>
<body>
<form>
<div>
    <label>Name</label>
    <input type="text" name="name"><br>
</div>
<div>
    <label>File</label>
    <input type="file" name="file"><br>
</div>
<div>
    <label>password</label>
    <input …

Run Code Online (Sandbox Code Playgroud)

javascript php jquery google-chrome

vin*_*deo

lucky-day

0
推荐指数

3
解决办法

3069
查看次数