小编Str*_*vaz的帖子

代理不适用于反应和节点

我设置的代理有问题。

这是我的根 package.json 文件:

"scripts": {
    "client": "cd client && yarn dev-server",
    "server": "nodemon server.js",
    "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\""
}
Run Code Online (Sandbox Code Playgroud)

我的客户端 package.json 文件:

"scripts": {
    "serve": "live-server public/",
    "build": "webpack",
    "dev-server": "webpack-dev-server"
},
"proxy": "http://localhost:5000/"
Run Code Online (Sandbox Code Playgroud)

我已经在我的服务器端设置了 express 在端口 5000 上运行。每当我向服务器发出请求时,即:

callApi = async () => {
    const response = await fetch('/api/hello');
    const body = await response.json();
    // ... more stuff
}
Run Code Online (Sandbox Code Playgroud)

请求总是转到

指向 http://localhost:8080/api/hello 的标头图片

有人可以指出我必须做些什么来解决这个问题,以便请求实际上转到端口 5000?

proxy node.js reactjs webpack package.json

33
推荐指数
7
解决办法
3万
查看次数

for循环可以在其语句中赋值吗?

我发现了这种语法

for (string st; getline(is, st, ' '); v.push_back(st)); 
        ^                  ^                  ^
    initialization   condition, increment    ???
Run Code Online (Sandbox Code Playgroud)

v.push_back(st)当工作被覆盖时,工作如何作为增量getline(is, st, ' ')

c++ for-loop c++11

21
推荐指数
6
解决办法
2902
查看次数

使用动态密钥对setState做出反应

我有以下代码片段:

onChange(e) {
    e.persist
    this.setState((prevState) => {
      prevState[e.target.id] =  e.target.value
      return prevState
    })
  }
Run Code Online (Sandbox Code Playgroud)

我将如何使用上面的代码设置每个键的状态.

这是初始状态:

 this.state = {
      heading: this.props.match.params.length > 1 ? "Edit Post" : "Create Post",
      title: '',
      category: '',
      body: '',
      author: ''
    }
Run Code Online (Sandbox Code Playgroud)

reactjs

8
推荐指数
1
解决办法
9660
查看次数

styled-components 中的这种语法实际上意味着什么?

我刚刚开始使用样式组件,发现它们调用了我认为的函数,如下所示:

import styled from "styled-components"

const Button = sytled.button` <--- this 
    // css goes here
`
Run Code Online (Sandbox Code Playgroud)

我以前从未见过这种语法,想知道是否有人可以向我指出一些关于它实际上是什么的文档。

reactjs styled-components

6
推荐指数
1
解决办法
630
查看次数

在回调中访问event.target

我有以下类片段:

constructor(props) {
    super(props);

    this.timeout = null;
}

search = (e) => {
    clearTimeout(this.timeout);
    this.timeout = setTimeout(
        function(){ console.log(e.target); },
        500
    );
}

<input 
    type="text" 
    placeholder="Search by title or author" 
    onKeyPress={this.search} />
Run Code Online (Sandbox Code Playgroud)

我无法获得设置超时来打印事件中的值,是否有我应该做的事情,但我不是吗?

javascript reactjs

5
推荐指数
1
解决办法
1038
查看次数

bootstrap 4对齐按钮在中心

我有点卡住如何居中对齐我有一个按钮组:

<section>
  <div class="d-inline mx-auto">
    <a class="btn btn-outline-primary" href="#">Home</a>
    <a class="btn btn-outline-primary" href="#">Traffic</a>
    <a class="btn btn-outline-primary" href="#">MAC Monitoring</a>
    <a class="btn btn-outline-primary" href="#">Alert Logging</a>
    <a class="btn btn-outline-primary" href="#">Diameter Server</a>
    <a class="btn btn-outline-primary" href="#">Maintenance Mode</a>
  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

我试图添加d-inline和mx-auto但它不起作用.我不熟悉图书馆,所以有人可以指出我正确的方向吗?

css bootstrap-4

5
推荐指数
1
解决办法
2万
查看次数

使用yup和formik进行密码验证

如何进行密码验证,但同时又将错误传递给不同的变量呢?

password: Yup.string().required("Please provide a valid password"),
passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'),
passwordLC: Yup.string().oneOf([Yup.ref('password'), null]).matches(/[a-z]/, "Error" )
passwordUC: Yup.string().oneOf([Yup.ref('password'), null]).matches(/[A-Z]/, "Error" )
Run Code Online (Sandbox Code Playgroud)

我无法获取密码变量与密码对象的绑定

javascript yup formik

5
推荐指数
4
解决办法
7305
查看次数

如何正确使用反应日期

我在反应日期方面遇到问题。我最终得到这个警告:

Failed prop type: The prop `startDateId` is marked as required in `withStyles(DateRangePicker)`, but its value is `undefined`.
Run Code Online (Sandbox Code Playgroud)

根据文档,它指出您需要使用此命令:

npm install --save react-dates moment@>=#.## react@>=#.## react-dom@>=#.## react-addons-shallow-compare@>=#.##
Run Code Online (Sandbox Code Playgroud)

我假设哈希值代表您要使用的版本,并且由于它们没有指定任何版本,因此它应该适用于最新版本。

我使用的版本如下:

"react-dates": "^16.0.1", "moment": "^2.20.1", "react": "^16.2.0", "react-dom": "^16.2.0", "react-addons-shallow-compare": "^15.6.2"
Run Code Online (Sandbox Code Playgroud)

在我的组件中,我有以下内容:

import 'react-dates/lib/css/_datepicker.css';
import 'react-dates/initialize';
import { DateRangePicker } from "react-dates";

<DateRangePicker
  startDate={this.props.filters.startDate}
  endDate={this.props.filters.endDate}
  onDatesChange={this.onDatesChange}
  focusedInput={this.state.calendarFocused}
  onFocusChange={this.onFocusChanged}
/>
Run Code Online (Sandbox Code Playgroud)

谁能告诉我为什么会出现此错误以及如何删除它?

reactjs react-redux react-dates

4
推荐指数
1
解决办法
7574
查看次数

如何使用大括号而不是反应中的表达式

我需要有类似的东西

<p>{</p>
// code
<p>}</p>
Run Code Online (Sandbox Code Playgroud)

我怎样才能使用大括号而不出错并说需要表达?有我可以使用的转义字符吗?IE"\""

jsx reactjs

4
推荐指数
1
解决办法
2114
查看次数

这是一个有效的循环吗?

我目前正在学习c ++而且我无法理解for循环的这种语法.

我知道for(<T>: <V>)(for-each)和标准,for(init; cond; incr)但我之前没有遇到过以下情况

for (char ch; cin>>ch && !isdigit(ch); )
Run Code Online (Sandbox Code Playgroud)

如果有人可以在它上面发光,我将不胜感激!

c++ for-loop c++11

3
推荐指数
1
解决办法
250
查看次数