使用Gulp/Browserify的Redux NODE_ENV错误
我在一个React/Redux应用程序上收到此错误消息,该应用程序被浏览和大量包装并包装并部署到Heroku. bundle.js:39 You are currently using minified code outside of NODE_ENV === 'production'. This means that you are running a slower development build of Redux. ,但似乎正在用NODE_ENV = 'production'进行构建步骤. 我有一个设置env变量之类的任务 gulp.task('apply-prod-environment', function() { return process.env.NODE_ENV = 'production'; }); 和Heroku上的日志显示ENV是生产: 保证apply-prod-environment在其他任务之前运行,我正在使用RunSe
20 2024-04-04
编程技术问答社区
React router 4的history.listen从不启动
切换到路由器v4和历史v4.5.1,现在的历史记录听众不起作用 import createBrowserHistory from 'history/createBrowserHistory' const history = createBrowserHistory() history.listen((location, action) => { console.log(action, location.pathname, location.state) // ... , document.getElementById('root') ) 有什么想法为什么被忽略? 解决方案 由于您使用的是browserrouter(如
20 2024-04-04
编程技术问答社区
将标签添加到react-select中
我是react-js的新手.在这里我要做的就是, 现在我尝试的是 const options = [ { value: 'chocolate', label: 'Chocolate' }, { value: 'strawberry', label: 'Strawberry' }, { value: 'vanilla', label: 'Vanilla' } ]; handleChange = (selectedOption) => { this.setState({ selectedOption }); console.log(`Option selected:`, selectedOption); } const { selectedOption } = this.state;
26 2024-04-02
编程技术问答社区
如何在Reactjs应用程序中使用分页功能
我正在使用 我无法修复此pagination ui及其每页的内容 每页相应地绑定我的数据 我试图从bootstrap导入less,但不是为此渲染. 关于解决这个分页问题的任何建议? 更新代码:它现在正在工作 //blog.js import React, {Component} from 'react'; import {Card, Grid, Cell, Dialog, CardMenu, Button, CardTitle, CardText, CardActions, FABButton, Icon} from'react-mdl'; import { Container} from 'reactstrap'; import { connect } from 'react-redux'; import { getBlog, deleteBlog } from '../../actions/resumeActions'; import PropTy
20 2024-04-01
编程技术问答社区
Flutter状态管理实例
在复杂的应用中,有时可以通过某些"外部事件"更改一个全局变量"附加"到一个小部件,例如(1)在另一个线程中运行的计时器,或(2)socket.io服务器emit事件(3)其他...... 让我们称此全局变量gintcount,该应用程序有3页,即: 第1页:需要显示Gintcount的最新值的"动态"页面. 第2页:另一个"动态"页面,需要显示gintcount的最新值,带有文本输入字段. 第3页:gintcount更改时什么都不做的"静态"页面. 假设用户在第1页或第2页上做某事,我们在何时何地将页面"刷新"页面以显示可能/可能会通过外部事件更改的最新值? 我阅读了堆栈中的其他问答,据说有4种扑来管理的方法,它们是: : 使用setstate 使用scopedmodal 将rxdart与Bloc一起使用 使用redux 由于我是一名新手,所以我在2到4中完全损失了,所以我使用否构建了一个应用程序. 1,即设定.展示我们如何在扑朔迷离中管理
20 2024-04-01
编程技术问答社区
在Blazor中,国家管理的选项
在WebAssembly(WASM)的州管理中可用哪些库/技术可用. 了解不同方法的优点和缺点. 解决方案 有几个选项: redux(fluxor) Redux/Flux模式已成为JS Word中国家管理领域的领导者;因此,采用这种最佳实践是有意义的. 幸运的是,已经有一个 fluxor Library 就是这样做的;它确实具有最多的github星379;尽管它仍然是一个相对较新的领域;因此,稍后最终是最终采用的方法,还有待观察. 有一个很棒的介绍官方文档: 状态,动作和还原器 效果 redux dev工具 深度大麻状态 PROS:将MediaTR用于消息传递 另请参见 国家管理方法的概述 https://chrissainty.com/mobile-blazor-绑定状态 - 管理和数据/ 不错但大多是消息传递:关键字:在jusm WebAssembly组件之间传递数据,儿童父母属性事件处理 其他
12 2024-04-01
编程技术问答社区
如何在 react redux 中通过 axios 调用的标头发送承载令牌
[HttpPost("xxxxxxxxxx")] [Authorize(Roles = "xxxxxxxxx")] public IActionResult Post([FromBody]xxxxxxx xxxxxxxxxxxxxx) { if (s == null) { } } 上面的代码是属性授权(角色="导演").我的申请角色是学生,主任,经理.这种特殊的方法只能由导演访问,对于上述方法,它使我回到了401未经授权. export function xxxxxxxxxxxx(token, formValues) { return axios.post(`${ROOT_URL}/xxxxxxx/xxxxxxxx`, formValues); } } 我不确定如何通过Axios呼叫向标题发送载体令牌
14 2024-03-30
编程技术问答社区
React redux 子应用程序
我想知道是否可以使用React Redux在我的主干应用程序中创建一个子应用程序?它将有几页,只是为了证明概念. 解决方案 当然! react-dom可以将React元素附加到您的应用程序的任何子部分. reactDOM.render(, $('#some-node').get(0));
16 2024-03-26
编程技术问答社区
一个React-Redux应用真的能像Backbone那样扩展吗?即使有reselect。在移动领域
在redux中,所有连接组件上对存储的每一个更改触发notify.这使开发人员变得非常简单,但是如果您使用n个连接组件的应用程序,并且N非常大? ? 即使与组件无关的每个更改,也可以在商店的reselect ED路径上进行简单===测试.那很快,对吗?当然,也许一次.但是n次,对于,每个更改吗?这种设计的基本变化使我质疑Redux的真实可扩展性. 作为进一步的优化,可以使用_.debounce批量所有调用.即便如此,对每个商店进行n ===的测试更改和处理其他逻辑,例如查看逻辑,似乎是达到目的的手段. 我正在研究拥有数百万用户的健康与健身社交移动WEB混合应用程序,并从骨干向Redux 过渡.在此应用程序中,向用户提供了可滑动的接口,该接口允许他们在不同的视图堆栈之间导航,类似于Snapchat,除了每个堆栈都有无限的深度.在最受欢迎的视图中,无尽的滚动器有效地处理了饲料项目的负载,渲染,附加和脱离,例如帖子.对于订婚的用户,滚动浏览数百或数千个帖子,然后输入用户的提
24 2024-03-26
编程技术问答社区
使用ReactJS + Redux时,我需要componentWillReceiveProps和replaceProps吗?
我正在与React一起学习Redux,并进行了第一个应用程序,以捕获Destiny的一些信息并为用户提供.该应用程序有一个选择框,用户可以在其中选择许多活动之一,我保存该活动以与AptiveComponent上的API进行检查,问题是,我要这样做(获取使用Redux的活动标识符并保存在商店中)然后,我必须在活动组件上检索,但是我必须以某种方式实现: componentWillReceiveProps(nextProps) { this.props = {}; this.replaceProps(nextProps, cb => this.getAjax()); } replaceProps(props, callback){ this.props = Object.assign({}, this.props, props); this.setState(initialState); callback(); } 好吧,这是我在githu
24 2024-03-26
编程技术问答社区
参考错误:在评估时没有定义global
我正在遇到一个我认为来自WebPack的错误.在这里是: index.js:9 Uncaught ReferenceError: global is not defined at eval (index.js:9) at Object. (bundle.js:2548) at __webpack_require__ (bundle.js:622) at fn (bundle.js:48) at eval (client:1) at Object. (bundle.js:2541) at __webpack_require__ (bundle.js:622) at bundle.js:668 at bundle.js:671 我的webpack是: import webpack from 'webpack'; import merge from 'webpac
18 2024-03-26
编程技术问答社区
当我使用useSelector时,React测试库不能工作。
我有一个带有redux useSelector的组件,当我要测试渲染文本时,它在useSelector上显示错误消息,并且带有错误消息:could not find react-redux context value; please ensure the component is wrapped in a .我将放在顶级组件上,我的测试代码中的错误部分在哪里?该应用程序本身运行正确. 高级组件: import React from "react" import ReactDOM from "react-dom" import App from "./App" import { Provider } from "react-redux" import store from "./redux/store" ReactDOM.render(
14 2024-03-26
编程技术问答社区
使用react、redux和react-redux完成的组件并在react应用中使用webpack构建的错误
我已经使用React,Redux和React-Redux使用商店完成了一个组件. 代码捆绑使用WebPack.(请检查下面附加的代码) 当我想在另一个React项目中使用WebPack构建组件时,我面临以下问题. 警告:React.Createelement:类型不应为无效,未定义, 布尔或数字.它应该是字符串(对于DOM元素)或 ReactClass(用于复合组件). 未经不变的违规行为:元素类型无效:预期 字符串(用于内置组件)或类/功能(用于复合 组件),但得到:未定义. 然后我继续进行代码中的以下修改,更早的是,我有一个破坏性的分配,如 connect 和 bindactionCreators import {connect} from 'react-redux'; import {bindActionCreators} from 'redux'; import actions from '../app/redux/actions'; 然后
18 2024-03-26
编程技术问答社区
使用Webpack、Babel和React在IE11中出现语法错误
我在Internet Explorer 11中的React + Redux项目中遇到了语法错误,但我不知道为什么会引起它. 我正在使用webpack和babel对其进行编译. 我尝试使用babel-polyfill和babel-es6-polyfill,但这无济于事. 这是我遇到的错误: SCRIPT1002: Syntax error File: app.js, Line: 70, Column: 1 第70列第1列是eval webpack的启动: /***/ }), /* 21 */, /* 22 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; eval("\n\nObject.define...
26 2024-03-26
编程技术问答社区
在弹出的create-react-app中添加 react-hot-loader
I am using the instructions from this commit to attempt to add 版本3至create-react-app. (滚动到底部查看babel和webpack配置) 编辑:将'webpack/hot/dev-server'更改为'webpack/hot/only-dev-server'允许热重新加载工作.为什么这样?另外,如果无法重新加载完整状态,我将如何重新加载网页? 预期行为: 编辑编辑器中的反应组件替换浏览器中的模块而不刷新浏览器. 实际行为(使用更改的配置): 编辑编辑器中的一个反应组件刷新浏览器,无论进行何处进行更改,都会显示更改的. 我的代码: 我正在使用以下代码(如 import React from 'react' import ReactDOM from 'react-dom' import App from "./components/App/App" impor
18 2024-03-26
编程技术问答社区
我们是否应该在组件和存储中都使用 axios?
我对使用Store(Vuex或Redux)有些困惑. 首先,我们都知道两者都是为国家管理而生的,我们通常在通过其他组件修改组件状态的情况下使用它们. 但是,根据我的问题,我认为我们有组件A和B.场景是: 虽然其他组件需要使用B的状态,因此我们将此状态存储在商店管理中,如果B需要使用axios,我们还将其作为action> action中的商店文件工作. 接下来,对于组件A的情况,其状态都不需要设置为全局使用,但它仍然需要axios用法,因此 - 我们在组件A内部使用axios是一个很好的做法? 对不起,我的英语不好,我知道:( 解决方案 好吧,对于组件B,它是相当直接的.虽然您可以直接在组件中调用axios(或任何其他数据获取模块),然后通过操作有效负载将结果传递到存储中,但只要您的应用程序开始增长和/或更改,它就会变得复杂.太多的模块直接知道彼此是坏主意. 我建议遵循更多传统的路径:使axios在其动作中使用商店使用的服务.这样,您的组件与数据获取
18 2024-03-23
编程技术问答社区
axios获取请求并显示在表格中
我是React and Redux的新手,我正在使用Axios,我能够从API中获取数据,我通过将其打印在控制台中,但不确定如何将数据加载到表中. 表代码在sports/index.js中 我提供代码和Stackblitz 在这里/p> export const fetchAllPosts = () => { return (dispatch) => { return axios.get(apiUrl) .then(response => { console.log("fetchAllPosts.response.data--->", response.data); dispatch(fetchPosts(response.data)) }) .catch(error => { throw(error); }); }; }; const rows =
28 2024-03-23
编程技术问答社区
如何访问使用创建 react 应用程序创建的 src 文件夹中的 json 文件
我是新手做出反应的新手.我已经使用NPX Create-React-App创建了React应用程序.在操作中,Axios.Get抛出Localhost:找不到3000个文件错误.以下是src/action/index.js 中的代码 export function lang(language) { let url = "./../resources/strings/strings_" + language + ".json"; return dispatch => { axios.get(url).then(response => { console.log(response.data) }).catch(response => { console.log(response); }); } } 这是项目结构[1]:我在做什么错?我找不到
18 2024-03-23
编程技术问答社区
使用axios时的CORS授权问题
在开发我的应用程序时,我偶然发现了一个问题,现在我被卡住了.我的Web应用程序是一个非常简单的接口,用于使用MERN堆栈以及Redux和Axios注册/记录/修改用户.在调用/更新端点时这样: export const updateUser = (userData, history) => dispatch => { let token = localStorage.getItem("jwtToken"); axios.defaults.headers.common["Authorization"] = token; console.log(token); axios .patch('http://localhost:5000/api/users/update', userData, { crossdomain: true }) .then(res => { history.push("/das
20 2024-03-23
编程技术问答社区
无法执行.map内部函数
背景 我正在构建一个React-Redux应用程序,除其他外,还必须处理一些Axios的呼叫.说API不受我的控制,我无法修改任何内容. Axios请求之一是由功能执行的,我们称其为" GetData".该请求使用帖子作为其方法,需要一个参数"类别",一次仅接受一个值.有时候,我需要一次执行三个请求,而我打算在编程中这样做,而不是针对每个可能的请求进行硬编码,因为可用类别的数量很高. 我打算构建 执行请求的函数,输入两个参数,一个是令牌,另一个是一个可能的值作为"类别"参数的可能值.该函数应在数组中的每个值运行一次,并返回单个对象数组,该对象包含从后端带来的所有"产品". 我已经构建的 export const getData = (tk, values) => values .map(value => apiInstance.request({ url: ENDPOINTS.ENDPOINT, met
18 2024-03-23
编程技术问答社区