reactjs相关内容

如何在 Atom 编辑器上为 React 配置 ESLint

在 Atom Editor 中我安装了以下插件 棉绒 linter-eslint 他们似乎不认识 JSX 语法. 我让它在命令行上工作,但不得不使用其他插件,如 esprima-fb 和 eslint-plugin-react.看起来 Atom Editor 没有这样的插件,想知道你们中是否有人知道解决这个问题的方法. 解决方案 为了让 Eslint 与 React.j ..
发布时间:2021-11-30 14:32:10 其他开发

ReactJS 中 this.state 和 this.setstate 的区别是什么?

我想更改 hasSubmit 键的值,就像在第一个代码部分一样.我知道这是不推荐的.但是第二个代码是异步的,我不想使用setState的回调函数. this.state 和 setState 有什么区别? 有没有办法立即改变状态值hasSubmit? 第一个代码: this.state.hasSubmit = falsethis.setState({})//将使用`hasSubmi ..
发布时间:2021-11-30 13:48:14 前端开发

Reactjs 组件的异步渲染

我想在我的 ajax 请求完成后呈现我的组件. 下面你可以看到我的代码 var CategoriesSetup = React.createClass({渲染:函数(){var 行 = [];$.get('http://foobar.io/api/v1/listings/categories/').done(function (data) {$.each(data, function(in ..
发布时间:2021-11-30 13:48:05 前端开发

为什么我们在 Redux 中需要异步流中间件?

根据文档,“没有中间件,Redux store 只支持同步数据流".我不明白为什么会这样.为什么容器组件不能调用异步API,然后dispatch动作? 例如,想象一个简单的用户界面:一个字段和一个按钮.当用户按下按钮时,该字段会填充来自远程服务器的数据. import * as React from 'react';import * as Redux from 'redux';从're ..
发布时间:2021-11-30 13:40:54 前端开发

为什么reactjs Async 中的setState 是Async 而不是Sync?

我刚刚发现在 react this.setState() 任何组件中的函数都是异步的,或者在调用它的函数完成后调用. 现在我搜索并找到了这个博客(setState() 状态变异操作在 ReactJS 中可能是同步的) 在这里他发现 setState 是异步的(当堆栈为空时调用)还是同步的(一被调用就调用),这取决于状态变化是如何触发的. 现在这两件事很难消化 在博客中,se ..
发布时间:2021-11-30 13:39:57 前端开发

Await 是 async 函数中的保留字错误

我正在努力找出以下语法的问题: export const sendVerificationEmail = async() =>(调度) =>{尝试 {dispatch({ type: EMAIL_FETCHING, payload: true });等待 Auth.sendEmailVerification();dispatch({ type: EMAIL_FETCHING, payload: ..
发布时间:2021-11-30 13:36:53 前端开发

A*(A-star) 算法给出错误的路径和崩溃

我正在 react.js 中实现 A*(A-star) 算法,但只要 startNode(green) 或 destinationNode(blue) 有多个邻居,或者图中存在循环,我的程序就会崩溃.从/向 openList 添加和删除邻居或在 getPath() 函数中更新 parentId 时,会出现问题.我什至看不到控制台,因为网站宕机了.每个节点有:id、name、x、y、connecte ..
发布时间:2021-11-30 13:11:42 前端开发

包含来自 webpack 捆绑的 npm 包的资产

我已经为此纠结了一段时间,我想知道是否有可能开始.感谢您对此的任何帮助! npm 包 我有一个 npm 包,它基本上是一个 React 组件库.这个库有嵌入的样式表,它引用来自 CSS 的字体和图像等资产.然后这些都使用 webpack 打包到 my-package.js 中. 这个配置看起来像: var path = require('path');模块.出口 = {模块: ..
发布时间:2021-11-30 12:04:32 前端开发

使用 react-hooks 在每次渲染上创建处理程序的性能损失

我目前对新的 react hooks API 的用例感到非常惊讶以及你可以用它做什么. 在试验过程中出现的一个问题是,在使用 useCallback 时总是创建一个新的处理函数只是为了将其丢弃是多么昂贵. 考虑这个例子: const MyCounter = ({initial}) =>{const [count, setCount] = useState(initial);const ..
发布时间:2021-11-28 22:20:06 前端开发

ES6 类中的 ES6 函数、箭头函数和“this"

class App 扩展组件 {构造函数(道具){...}onChange = (e) =>this.setState({term: e.target.value})onSubmit(e){e.preventDefault();const api_key = "C1hha1quJAQZf2JUlK";const url = `http://api.giphy.com/v1/gifs/search? ..
发布时间:2021-11-28 22:18:43 前端开发

绑定与箭头函数(在 JavaScript 中,或用于响应 onClick)

所以我正在尝试学习 JavaScript 和/或 react 并且在理解 .bind(this) 时有点混淆构造函数.不过,我现在想明白了,只是想知道, 为什么有人会在 JavaScript 中使用绑定与箭头函数? (或在 onClick 事件中). 两者之间有什么利弊吗? 请参阅下面的代码示例. 绑定方法确保clickEvent函数中的this引用类: class Cli ..
发布时间:2021-11-28 22:18:32 前端开发

我可以在 React 组件的构造函数中使用箭头函数吗?

这个问题类似于当使用 React 时,最好在构造函数中使用粗箭头函数还是绑定函数? 但有点不同.您可以在构造函数中将函数绑定到 this ,或者在构造函数中仅应用箭头函数.请注意,我只能在我的项目中使用 ES6 语法. 1. class Test 扩展 React.Component{构造函数(道具){超级(道具);this.doSomeThing = this.doSomeThing.b ..
发布时间:2021-11-28 22:17:16 前端开发

React 中箭头函数的正确使用

我将 ReactJS 与 Babel 和 Webpack 一起使用,并使用 ES6 以及 建议的类字段 用于箭头函数.我知道箭头函数通过 not 提高了效率重新创建每个渲染的函数,类似于构造函数中的绑定工作方式.但是,我不能 100% 确定我是否正确使用它们.以下是我在三个不同文件中的代码的简化部分. 我的代码: Main.js prevItem = () =>{console.lo ..
发布时间:2021-11-28 22:16:07 前端开发

如何避免在渲染方法中绑定或内联箭头函数

我们应该避免在 render 内部绑定方法,因为在重新渲染时它会创建新方法而不是使用旧方法,这会影响性能. 对于这样的场景: 我们可以在构造函数中绑定_handleChange方法: this._handleChange = this._handleChange.bind(this); 或者我们可以使用属性初始化语法: _handleChange = () =>{....} 现 ..
发布时间:2021-11-28 22:15:19 前端开发

没有花括号的箭头函数

我是 ES6 和 React 的新手,我一直看到箭头函数.为什么有些箭头函数在粗箭头后使用花括号,有些使用括号?例如: const foo = (params) =>( 内容 ); 对比 const handleBar = (e) =>{e.preventDefault();dispatch('退出');}; 解决方案 括号返回单个值,大括号执行多行代码. ..
发布时间:2021-11-28 22:15:12 前端开发

用户认证后如何设置Apollo客户端?

我对如何构建我的 React/GraphQL (Apollo) 应用程序感到有些困惑,因为在用户进行身份验证/登录之前不应建立连接. 目前我有这个: class App 扩展组件 {使成为() {返回 ( 首页 ..
发布时间:2021-11-28 21:54:02 其他开发

是否可以在客户端的前端使用 React 服务器环境变量?

我正在使用 PKG,为我的 Appolo GraphQL 服务器制作一个可执行的 .exe 文件+ React 客户端将所有内容捆绑到一个 exe 文件中.它正在工作,现在有一个要求:应用程序应该从某个地方读取 IP 地址并将其用作主机、端口等的常量. 从服务器端我使用 fs.readFileSync - 这没问题.我可以读取任何文本文件,因为它是 nodejs 服务器端.现在的要求是将该 ..
发布时间:2021-11-28 21:53:38 前端开发

使用 apollo graphql 响应 firebase 身份验证

我发现了一篇很棒的文章,将身份验证添加到 React 中.文章:https://www.robinwieruch.de/complete-firebase-authentication-反应教程/ 本文使用 HOC 组件完成了 firebase 设置(在 redux 之前),我可以将其放入应用程序中并可以通过上下文访问. 我的问题是如何将它放入应用程序组件之外的 apollo 客户端, ..
发布时间:2021-11-28 21:53:14 其他开发

将 expandIcon 图标向右移动并从扩展表中移除空白区域 Ant Design reatc js

我需要你的帮助来解决这个问题. 我正在使用 Ant Design 表,但我被困在这里.我希望展开行图标应该在当前表的右侧(在给定的沙箱代码中删除旁边),当我们展开一行时,展开的内容会在左侧留下一个小空间,我想将其删除.即它的左边不应该有任何额外的空间.请帮帮我,伙计们. 沙盒代码:https://codesandbox.io/s/ancient-mountain-ft8m1?file= ..
发布时间:2021-11-28 18:04:39 其他开发