Questions tagged «reactjs»

我在ReactJS编程时使用Axios，我假装将DELETE请求发送到我的服务器。 为此，我需要标题： headers: { 'Authorization': ... } 身体是由 var payload = { "username": .. } 我一直在互联网之间进行搜索，但发现DELETE方法需要一个“参数”，并且不接受“数据”。 我一直试图像这样发送它： axios.delete(URL, payload, header); 甚至 axios.delete(URL, {params: payload}, header); 但是似乎没有任何作用... 有人可以告诉我是否有可能（同时可能）发送带有标头和正文的DELETE请求，以及如何发送？ 先感谢您！

118 javascript  reactjs  http  axios  http-delete 

运行react-native run-ios构建时成功，但是出现以下错误。我检查了整个地方，但似乎没有任何反应。sudo在命令前使用该命令也无济于事。我正在使用Xcode 7.3，react-native-cli：0.2.0，react-native：0.24.1，节点v5.11.0。 === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies ** BUILD SUCCEEDED ** Installing build/Build/Products/Debug-iphonesimulator/mobile.app An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2): Failed to install the requested application An application bundle was not found at the provided path. Provide a valid …

117 ios  reactjs  react-native 

我正在创建一个使用webpack-dev-server和react-router进行开发的应用程序。 似乎webpack-dev-server是建立在以下假设的基础上的：您将在一个位置拥有一个公共入口点（即“ /”），而react-router允许无限数量的入口点。 我想要webpack-dev-server的好处，特别是对生产力非常有用的热重载功能，但是我仍然希望能够加载react-router中设置的路由。 一个人如何才能实现它以使其协同工作？您能以这种方式在webpack-dev-server前面运行快速服务器吗？

117 javascript  reactjs  webpack  react-router 

我似乎找不到不使用来使用react-router更新查询参数的方法<Link/>。hashHistory.push(url)似乎没有注册查询参数，并且似乎也不能将查询对象或任何内容作为第二个参数传递。 如何从更改URL /shop/Clothes/dresses，以/shop/Clothes/dresses?color=blue在反应路由器没有使用<Link>？ 而且是一个onChange真正的函数来监听查询变化的唯一途径？为什么没有自动检测到查询更改并对参数更改做出反应？

117 reactjs  react-router 

我正在尝试创建反应应用程序的所有方法。我已经尝试过maven，现在我正在尝试使用来自Facebook Incubators的crate-react-app构建系统。 当我尝试create-react-app my-app在npm环境中运行该命令时，它在我的个人系统上正常工作。但是，当我在工作环境中尝试相同的命令时，在命令提示符下遇到此错误 npm ERR! node v6.10.2 npm ERR! npm v3.10.10 npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY npm ERR! unable to get local issuer certificate npm ERR! npm ERR! If you need help, you may report this error at: npm ERR! <https://github.com/npm/npm/issues>

117 node.js  reactjs  npm  create-react-app 

我刚刚安装了node.js和cli 安装的node.js 安装了react-native-cli npm -g react-native-cli 并创建了一个“新项目”。 react-native init new_project 在“ new_project”目录中，我很累，看看地铁捆绑器是否工作良好。 react-native start 但是该命令给了我以下错误，并且Metro无法启动。有任何解决此错误的线索吗？（我正在使用Windows 10 OS。） 命令： C:\projects\new_proj>react-native start 错误无效的正则表达式：/(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests。)$/：未终止的字符类。使用--verbose标志运行CLI以获取更多详细信息。SyntaxError：无效的正则表达式：/(..fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/：新RegExp（ ）在getBlacklistRE（D：\ projects \ new_proj \ node_modules \ react-native \ node_modules @ react-native）的黑名单（D：\ projects \ new_proj \ node_modules \ metro-config \ src \ defaults \ blacklist.js：34：10） getDefaultConfig上的-community \ cli \ …

117 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

在我的react应用程序中，我正在使用axios执行REST api请求。 但是它无法发送带有请求的Authorization标头。 这是我的代码： tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( response ) } ) .catch() } 在这里，该validToken()方法将仅从浏览器存储中返回令牌。 所有请求的错误响应均为500，表示 无法从请求中解析令牌 从后端开始。 如何随每个请求发送授权标头？您会推荐其他任何带有react的模块吗？

117 reactjs  rest  token  axios  access-token 

当我在Django项目中设置React时，遇到了此错误 模块构建中的ModuleBuildError失败（来自./node_modules/babel-loader/lib/index.js）：语法错误：C：\ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js：支持实验语法'classProperties '当前未启用（17：9）： 15 | 16 | class BodyPartWrapper extends Component { > 17 | state = { | ^ 18 | 19 | } 20 | Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel …

117 reactjs  webpack  babeljs  babel 

我正在使用create react app引导我的应用程序。 我已经添加了两个.env文件.env.development，并.env.production在根。 我的.env.development包括： API_URL=http://localhost:3000/api CALLBACK_URL=http://localhost:3005/callback 当我使用来运行我的应用程序react-scripts start并退出时，process.env它会吐出来 { NODE_ENV: "development", PUBLIC_URL: "" } 我尝试了不同的方法，但只是没有在开发文件中使用Veriable，我在做什么错？！ 指令结构为： /.env.development /src/index.js Package.json脚本是： "start": "export PORT=3005; npm-run-all --parallel server:start client:start", "client:start": "export PORT=3005; react-scripts start", "server:start": "node server.js", "build": "react-scripts build", 编辑： @jamcreencia正确地指出我的变量应该前缀用REACT_APP。 编辑2 如果我为文件命名，则可以，.env但是如果我使用.env.development或.end.production

117 reactjs  create-react-app 

尝试运行React应用时收到以下错误： ./src/components/App/App.js 尝试导入错误：'combineReducers' 不是从'../../store/reducers/'导出的。 这是我的导出方式combineReducers： import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); 这就是我如何导入它App.js： import { combineReducers } from '../../store/reducers'; 我的出口方式有什么不正确的地方combineReducers？

117 reactjs  redux 

我开始在Backbone项目中使用Facebook React，到目前为止一切进展顺利。 但是，我注意到一些重复出现在我的React代码中。 例如，我有几个状态为INITIAL，SENDING和的类似表单的小部件SENT。当按下按钮时，需要验证表单，提出请求，然后更新状态。this.state当然，状态和字段值都保存在React 中。 如果这些是Backbone视图，我将提取一个名为的基类，FormView但我的印象是React既不认可也不支持子类共享视图逻辑（如果我错了，请纠正我）。 我已经看到了两种在React中重用代码的方法： Mixins（如React附带的LinkedStateMixin）; 容器组件（例如react-infinite-scroll）。 我是否正确认为Mixins和容器在React中优先于继承？这是故意设计的决定吗？ 在第二段的“表单小部件”示例中使用混合或容器组件是否更有意义？ 这里有一个要点FeedbackWidget，并JoinWidget在其当前状态。它们具有相似的结构，相似的beginSend方法，并且都将需要某种验证支持（尚不存在）。

116 javascript  refactoring  mixins  reactjs 

我从React.js开始，我想做一个简单的表格，但是在文档中我找到了两种方法。 在第一种是使用参考文献： var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author = React.findDOMNode(this.refs.author).value.trim(); var text = React.findDOMNode(this.refs.text).value.trim(); if (!text || !author) { return; } // TODO: send request to the server React.findDOMNode(this.refs.author).value = ''; React.findDOMNode(this.refs.text).value = ''; return; }, render: function() { return ( <form className="commentForm" onSubmit={this.handleSubmit}> <input type="text" …

116 reactjs 

我知道在香草js中，我们可以做到 onclick="f1();f2()" 在ReactJS中进行两个函数onClick的等效操作是什么？ 我知道调用一个函数是这样的： onClick={f1}

116 javascript  reactjs 

我正在尝试useEffect示例，如下所示： useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); 运行代码段隐藏结果展开摘要 我在控制台中收到此警告。但是我认为异步调用的清理是可选的。我不确定为什么会收到此警告。链接沙箱示例。https://codesandbox.io/s/24rj871r0p

116 javascript  reactjs  react-hooks 

每当我尝试使用makeStyles()具有生命周期方法的组件时，都会出现以下错误： 无效的挂接调用。挂钩只能在功能组件的主体内部调用。可能由于以下原因之一而发生： 您可能使用了不匹配的React和渲染器版本（例如React DOM） 您可能正在违反钩子规则 您可能在同一应用中拥有多个React副本 下面是产生此错误的代码的一个小示例。其他示例也将类分配给子项。我在MUI的文档中找不到任何显示其他使用方式makeStyles并可以使用生命周期方法的功能。 import React, { Component } from 'react'; import { Redirect } from 'react-router-dom'; import { Container, makeStyles } from '@material-ui/core'; import LogoButtonCard from '../molecules/Cards/LogoButtonCard'; const useStyles = makeStyles(theme => ({ root: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, })); const classes = …

116 reactjs  material-ui