草庐IT

react-360

全部标签

javascript - React 类方法覆盖

我正在尝试在React中创建某种类组合:classEntity{constructor(props){super(props);}renderPartial(){return(Entity)}render(){return(header{this.renderPartial()});}}classPersonextendsEntity{constructor(props){super(props);}renderPartial(){return(Person)}}classManagerextendsPerson{constructor(props){super(props);}ren

javascript - React.js 中的 "Dirty"是什么?

我试图理解React.js并且经常遇到“脏”这样的术语脏检查器/检查,脏数据,脏模型我关注了thisquestion但无法弄清楚肮脏这个词实际上表达了什么以及我们为什么称它为肮脏。 最佳答案 脏数据-最近更改的数据,并且DOM尚未根据此更改重新呈现。所以脏检查在下一个状态和当前状态之间是不同的。 关于javascript-React.js中的"Dirty"是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflo

javascript - 创建 React 组件的 2 种不同方式

我正在学习React教程,这是作者给出的用于创建基本React组件的示例代码:constReact=require('react')constReactDOM=require('react-dom')constApp=()=>{return(Hello)}ReactDOM.render(,document.getElementById('app'))他声称这是ES6。但后来我看到了另一种创建组件的方法。classAppextendsReact.Component{render(){returnHello;}}嗯,我现在很困惑。在React中有任何标准的做事方式吗?

javascript - 如何使 Prop 不可变以防止在 React 中重新渲染?

我一直在使用react.js创建一个小应用程序。我过多地考虑了“性能”。所以我有一个名为“Spinner”的简单子(monad)组件。我的目标是确保此组件永远不会重新呈现。这是我的组件:importReact,{PureComponent}from'react';exportdefaultclassSpinnerextendsPureComponent{render(){return()}}在使用“react-addons-perf”重新渲染时,组件始终在渲染,我正在使用PureComponent因为我希望该组件只渲染一次,我读到我可以使用不可变Prop但是我不知道如何使这成为可能。如

javascript - 如何观察 react-native node_modules 的变化

当我运行react-nativestart或npmstart时,打包程序启动并提示LookingforJSfilesin/Users/map/repos/myrepo/我启用了热重载。当我更改位于/Users/map/repos/myrepo/node_modules/react-native/中的文件时,似乎检测到更改,但是如果我在第三方存储库中编辑文件,如/Users/map/repos/myrepo/node_modules/react-native-menu/看起来watchman没有检测到变化。我刚刚将项目中的ReactNative升级到0.39,我认为这不是以前的默认行为。

javascript - Nodemon 没有在 React-Express-Node App 中刷新浏览器

我已经在我的工作区本地安装了nodemon,但是即使它在进行更改后在终端中重新启动,它也不会刷新浏览器页面。我每次都必须手动刷新它。我在环境中运行了Express、Node、React和Webpack。这是我的设置的样子-我的package.json启动server.js-"scripts":{"test":"echo\"Error:notestspecified\"&&exit1","start":"nodemonserver.js"},和server.js是-varexpress=require('express');varapp=express();app.use(express

javascript - 应用多个过滤器 react

我有2个按钮,单击它们时应按novelty或offer进行过滤,我能够做到这一点,以便在单击novelty时将按此进行过滤,但我我无法做到,如果两者都被点击,它将同时按novelty和offer进行过滤我怎样才能让它在点击novelty和offer时都按这两者进行过滤?https://www.webpackbin.com/bins/-KpVGNEN7ZuKAFODxuERimportReactfrom'react'exportdefaultclassextendsReact.Component{constructor(){super()this.state={products:[{id

javascript - 如何在 react 路由器中重置位置状态

我正在关注react-router文档以创建protected路由HOC,对于未经身份验证的请求,我将用户重定向如下:现在在重定向的组件上,我使用以下逻辑显示一条错误消息:this.props.location.state&&this.props.location.state.from&&(Youmustbeloggedintovisitthepage)问题是当用户重新加载时,与位置关联的页面状态不会被清除,一旦用户被重定向到登录组件,每次刷新都会显示错误消息。我正在寻找一种清除状态的方法。我认为不设置某些应用程序状态一定是可能的。更新:为了清楚起见,我添加了完整的PrivateRou

javascript - 使用单页应用程序的 Rails CSRF 保护( react 、 Angular 、 Ember )

好的。我正式对这个问题失去了理智。让我们使用默认的Rails应用程序(5,但我也尝试使用4默认应用程序)。我正在尝试使用简单的javascript代码将ajaxPOST请求发送到一个Controller操作。在我的ApplicationController中,我有这段代码:classApplicationController它设置一个cookie“X-CSRF-Token”,其值为form_authenticity_token。之后,我可以使用以下代码在我的SPA(单页应用程序)中读取此cookie:functionreadCookie(name){varnameEQ=name+"="

javascript - TypeError : __WEBPACK_IMPORTED_MODULE_0_react___default. a.createRef 不是函数

我是React.js的新手,刚才我正在学习React中ref的概念。他们在V16.3中有新的createRefAPI。我试图从REACTDOC's中学习这个像这样-importReactfrom"react";exportclassMyComponentextendsReact.Component{constructor(props){super(props);//createareftostorethetextInputDOMelementthis.textInput=React.createRef();this.focusTextInput=this.focusTextInput.