小编Pra*_*n.G的帖子
React Router V6 中提示的替代方案
React Router V6 中的替代方案是什么Prompt？它是否已被弃用，并且像usePrompt,这样的钩子useBlocker也不可用。
<Prompt message="Are you sure you want to leave?" />
推荐指数
解决办法
查看次数
undo'npm run弹出'
我正在尝试使用react CDN脚本测试我的React应用程序（使用create-react-app创建）的性能，并且我做了'npm run弹出'添加webpack外部依赖关系react和react-dom。
我这样做，很容易在的WebPack配置和<script>在index.html
...
externals: {
react: 'React',
'react-dom':'ReactDOM'
},
...
现在，我想将其还原到以前的状态，
我正在使用git，并且在单独的分支中进行了此实验。
我跑了git checkout master，npm start
结果很烦人
> myapp@0.18.1 start /home/code/serverSync/myapp/ui
> react-scripts start
sh: 1: react-scripts: not found
npm ERR! Linux 4.15.0-23-generic
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "start"
npm ERR! node v8.10.0
npm ERR! npm v3.5.2
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall …推荐指数
解决办法
查看次数
基于类的组件与功能组件有什么区别(Reactjs)
我是React的新手,我想清楚地知道要使用哪一个,当涉及到组件我会看到有两种类型.
功能组件:
import React from 'react'
const userInput = (props) => {
return(
<div>
<input type='text' onChange={props.nameChanged} value={props.username}></input>
</div>
)
};
export default userInput;
基于类的组件:
import React, { Component } from 'react';
import './App.css';
import UserOutput from './UserOutput/UserOutput';
import UserInput from './UserInput/UserInput';
class App extends Component {
render() {
return (
<div className="App">
<h3>Assignment Output :</h3>
<ul>
<li>
<UserOutput
username={this.state.Usernames[0].username}>
Welcome to React!
</UserOutput>
<UserInput
nameChanged={this.nameChangedHandler}>
</UserInput>
</li>
</ul>
</div>
);
}
}
export default App;
我开始读到我们应该总是尝试使用Functional组件, …
推荐指数
解决办法
查看次数
为什么 React 在重新渲染之前不比较 Previous State 和 New State？为什么调用setState时总是渲染？
如果 React 在重新渲染之前比较（浅）前一个状态和下一个状态，它将减少许多渲染，这有助于优化性能。
根据React 文档，当调用 setState 方法时，React 总是渲染组件及其子组件。React 应该巧妙地处理组件及其子组件不需要的重新渲染。
推荐指数
解决办法
查看次数
为什么 select() 不能在 Safari 上使用 ReactJS 工作？
每当我单击/点击/聚焦该字段时，我想要一个 TextField 来选择该字段中当前的整个文本。以下代码适用于 Chrome (71.0.3578.98)，但不适用于 Safari (12.0.2)。有什么想法吗？
import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
function App() {
return (
<>
<h1>Test Focus React</h1>
<input
type="text"
defaultValue="test"
onFocus={event => {
event.target.select();
}}
/>
</>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
然而这个没有任何 React 的静态 HTML 文件在 Safari 上工作得很好。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Test Focus JS</title>
</head>
<body>
<h1>Test Focus JS</h1>
<input type="text" value="test" …推荐指数
解决办法
查看次数
Redux：dispatch(...).then 不是一个函数
我有这样的action：
import { GET, POST, PUT, REMOVE } from "../../Utils/Http";
export const FETCH_ARTICLES = "FETCH_ARTICLES";
export const FETCH_ARTICLES_SUCCESS = "FETCH_ARTICLES_SUCCESS";
export const FETCH_ARTICLES_FAILURE = "FETCH_ARTICLES_FAILURE";
export const RESET_ARTICLES = "RESET_ARTICLES";
export function fetchArticles() {
const request = GET("/articles");
return {
type: FETCH_ARTICLES,
payload: request
};
}
export function fetchArticlesSuccess(articles) {
return {
type: FETCH_ARTICLES_SUCCESS,
payload: articles
};
}
export function fetchArticlesFailure(error) {
return {
type: FETCH_ARTICLES_FAILURE,
payload: error
};
}
和reducer：
import {
FETCH_ARTICLES,
FETCH_ARTICLES_SUCCESS,
FETCH_ARTICLES_FAILURE, …推荐指数
解决办法
查看次数
React 教程历史地图（步骤，移动）
在此处的“显示过去的动作”部分中，我们有以下代码：
const moves = history.map((step, move) => {
const desc = move ?
'Go to move #' + move :
'Go to game start';
return (
<li>
<button onClick={() => this.jumpTo(move)}>{desc}</button>
</li>
);
});
这段代码似乎首先将内置变量“step”映射到变量“move”，然后基本上具有以下 Python 逻辑：
const moves = [lambda move: const desc = move ... for move in history]
作为熟悉Python但不熟悉javascript的人，您能解释一下：
1) 没有在任何地方分配“step”变量，而且我无法搜索内置的 step 变量，那么“step”是如何分配给游戏移动次数的？
2) 这个语法背后的逻辑是什么：(step, move) 意思是首先将 step 映射到 move 中，然后执行一个 lambda 函数？首先，第一个“地图步入移动”部分对我来说没有意义。
推荐指数
解决办法
查看次数
反应组件或反应 PureComponent
我是 React 的新手，我想知道什么时候应该使用React 组件，什么时候应该使用React PureComponent？
成分：
import React, { Component } from 'react'
纯组件：
import React, { PureComponent } from 'react'
我可以在任何地方使用 React PureComponent 吗？
或者
使用shouldComponentUpdate并检查并返回不需要的false是否安全
我刚刚读了一篇文章，指出使用纯组件实际上弊大于利。他们建议使用“react-update-if-changed”。这是多少真实？
文章：https : //hackernoon.com/react-purecomponent-thinked-harmful-8155b5c1d4bc
推荐指数
解决办法
查看次数
什么时候应该使用Redux Saga代替Redux Thunk，什么时候应该使用Redux Thunk代替Redux Saga？
问题与过去不同，这就是为什么。这个问题是何时。由于两者本身都是好的框架，问题是我什么时候应该使用传奇而不是传奇。因为我的一位朋友一直坚持要求我在我们的应用中使用传奇，但没有明显的原因。提前谢谢
推荐指数
解决办法
查看次数
无法在Visual Studio 2017 Professional中运行单元测试
无法在Visual Studio 2017 Professional中运行单元测试，已禁用``运行选定的测试''。
我试图重建测试项目以及解决方案。
.net c# unit-testing visual-studio vs-unit-testing-framework
推荐指数
解决办法
查看次数
解析API响应时遇到意外字符
我收到此异常：
Newtonsoft.Json.JsonReaderException HResult = 0x80131500 Message =解析值{时遇到意外字符。路径“ outputObject.address”，第17行，位置16。
从API反序列化响应数据时。（帖子末尾完全例外）
码
return JsonConvert.DeserializeObject(webResponseEntity.ResponseData, typeof(CarLookupResponse)) as CarLookupResponse;
模型
public class CarLookupResponse : ICarLookupResponse
{
public ICarLookupResult Result { get; set; }
public ICarLookupOutputObject OutputObject { get; set; }
public CarLookupResponse()
{
Result = new CarLookupResult();
OutputObject = new CarLookupOutputObject();
}
}
以下是输出对象接口 OutputObject接口
public interface ICarLookupOutputObject
{
int CarId { get; set; }
string CartestId { get; set; }
int[] ModelYears { get; set; }
string FirstName { get; set; }
string …推荐指数
解决办法
查看次数
标签 统计
reactjs ×9
javascript ×3
react-redux ×2
.net ×1
asp.net-mvc ×1
c# ×1
json.net ×1
python ×1
react-router ×1
redux ×1
redux-saga ×1
redux-thunk ×1
safari ×1
unit-testing ×1
webpack ×1