在react类组件中，使用不带参数的curried函数的目的是什么？
在React类组件中，使用不带参数的curried函数的目的是为了延迟函数的执行。Currying是一种函数式编程的技术，它将一个多参数的函数转化为一系列只接受一个参数的函数。
在React中，使用curried函数可以帮助我们处理事件处理函数的绑定。通常情况下，我们需要在组件的构造函数中绑定事件处理函数的上下文，以确保在组件实例中正确地调用它们。然而，使用curried函数，我们可以将事件处理函数的绑定推迟到实际事件发生时。
这样做的好处是可以减少不必要的函数调用，提高性能。当组件渲染时，不会立即执行curried函数，而是返回一个新的函数，该函数在事件触发时才会被调用。这样可以避免在每次渲染时都重新创建事件处理函数，从而提高性能。
另外，使用curried函数还可以方便地传递额外的参数。通过将参数分解为多个curried函数，我们可以在事件处理函数中轻松地访问这些参数，而无需显式地传递它们。
总结起来，使用不带参数的curried函数在React类组件中的目的是延迟函数的执行，提高性能，并方便地传递额外的参数。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
因此，我正在尝试更好地使用CS概念。复习一下currying的概念。这似乎与你连接时redux/react发生的事情非常相似。将其称为currying是否正确？如果我理解正确的话，connect返回第二个函数，然后将App作为参数....这就是库里，对吧？
(可怜我吧，我正在试着理解这个概念)
const mapStateToProps = state => ({
results: state.results ? state.results.items : []
});
export default connect(mapStateToProps)(App);
浏览 14提问于2018-03-03得票数 2
我正在阅读Scala with Cats这本书，可以在这里找到：
书中有一个我有疑问的代码样本。
基本上，代码中有一个额外的下划线，我不明白它的用途。是打字错误，还是下划线有什么用处？
import cats.Monoid
import cats.instances.int._ // for Monoid
import cats.instances.invariant._ // for Semigroupal
import cats.instances.list._ // for Monoid
import cats.instances.string._ /
浏览 10提问于2019-08-07得票数 0
回答已采纳
组件文件
// Component A
import React, { ReactElement } from "react";
export const BacklogItemDashboard = (): ReactElement => (
<h1>Backlog Item Dashboard</h1>
);
使用组件文件
import // component
interface IMenuInfo {
choice: string;
**component: ReactElement;**
destin
浏览 3提问于2021-03-25得票数 1
回答已采纳
1回答
我想在一个类中改变我的函数。我的函数如下： import React from "react";
const selectchoice = ({list}) => (
<select onChange={} className="custom-select">{list.map(option => (
<option key={option.value} value={option.value}>{option.name}</option>))}
</select>
浏览 15提问于2020-11-01得票数 0
我正在使用lib React-notifications-component创建自定义通知。我需要将id从内容属性传递给子组件(通知)，以便关闭带有onClick事件的通知。但是当尝试这样做时，TypeScript总是报告我：“属性'id‘在类型'{ children?：ReactNode；}上不存在”
-父亲
import { store } from 'react-notifications-component';
const notification = () => {
store.addNotification({
id:
浏览 0提问于2021-03-09得票数 0
3回答
我目前正在学习方案，我偶然发现了以下函数：
(define t (lambda (x) (lambda (y) x)))
(define f (lambda (x) (lambda (y) y)))
显然，它们是真和假作为函数的表示。我不知道为什么！
我有两个问题：
1)连续的lambda是什么意思？我只习惯于看到单个lambda，它用于向函数传递参数；
(define add
(lambda (x y)
(+ x y)))
通过调用(add 1 5)，我将获得6作为输出。
2)如何使用这些true和false函数？
浏览 0提问于2013-01-04得票数 3
回答已采纳
下面是我的具有jsx代码的jsxVarable
let JsxVarible = (
<div>
<h1>Hello this is from Jsx</h1>
</div>
)
ReactDOM.render(JsxVarible, document.getElementById("app"));
EveryThing工作正常
let JsxComponent = () =>(
<div>
<h1>We are rendering the JsxCompon
浏览 0提问于2020-04-24得票数 0
有一个点击的事件处理程序，当它触发时，我想使用选择器从redux中提取特定的数据，其中所有的逻辑都是多对多实现的。我需要将id传递给它，以便接收它的单独数据。根据react的规则，可以在既不是React函数组件也不是自定义React Hook函数的函数中调用钩子。
那么解决我的问题的方法是什么呢？
const handleMediaItemClick = (media: any): void => {
// For example i check media type and use this selector to pull redux data by id
const
浏览 1提问于2021-09-24得票数 0
假设我有下面的add函数，它接受无限数量的参数。
function add () {
var total = 0;
var args = Array.prototype.slice.call(arguments, 0);
for (var i=0; i<args.length; i++) {
total += arguments[i];
}
return total;
}
还有下面的咖喱功能。
function curryFunction(orig_func) {
var ap = Array.prototype;
浏览 6提问于2014-01-08得票数 7
回答已采纳
相对较新的反应。我有以下几个组成部分：
var Vertex = React.createClass({
//2. I want to parameterize this instantiation, however i cannot use this.props inside my render function's <ref> tag, as it gives me parsing errors
render: function() {
return (
<div ref={createVertex()}>
浏览 5提问于2016-04-28得票数 0
回答已采纳
我是新来的。当我开始对大多数的文档做出反应时，react和react视频资源说，使用功能组件而不是基于类的组件。他们还说，如果您想要管理状态并使用生命周期，请使用钩子。
我想知道功能性成分在反应中的优势是什么？
以及为什么react在创建react中的组件时建议基于功能的方法？
谁能回答这个问题，或者给我一些消息来源来理解这个问题？
浏览 0提问于2019-08-20得票数 6
回答已采纳
<Select
onChange={evt => myFunction('KEY', ['ARRAY', 'OF', 'VALUES'])(evt)}
..。
const myFunction = (key, funValues) => {
return (evt: React.ChangeEvent<HTMLSelectElement>) => {
const { values } = evt.target;
if (funVa
浏览 8提问于2019-11-20得票数 0
回答已采纳
1回答
拥有一个ReactJS + Redux + Saga应用程序，该应用程序最近进行了更新，以使用相关JS库的最新版本(或接近最新版本)。在库更新(没有代码更改)并运行应用程序之后，我立即在控制台中看到"Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state."警告消息。当我调用调度函数时，它看起来是由redux触发的(然后这个函数在Provider.js中调用一个函数，
浏览 0提问于2019-04-22得票数 0
回答已采纳
我正在寻找一种方法来声明一个React组件，用我自己在Typescript中的道具扩展现有的组件。源组件是来自react-d3-tree npm package v2.0.0的ReactD3Tree。所以我有： import ReactD3Tree from "react-d3-tree";
import { TreeProps } from "react-d3-tree/lib/Tree/types";
import { RawNodeDatum } from "react-d3-tree/lib/types/common";
interf
浏览 11提问于2021-01-02得票数 1
我不明白ref系统在反应钩子中的潜在行为。
据我所知，useRef将创建一个常量对象，在每个呈现过程中，只有当前属性会更改。
我原以为createRef的行为也是一样的，但显然不是这样的：
此代码正在创建一个无限循环。
import React from "react";
export default function App() {
const [count, setCount] = React.useState(0)
const ref = React.createRef()
React.useLayoutEffect(() => {setCount(c
浏览 4提问于2020-08-06得票数 0
回答已采纳
考虑下面的守则：
interface ILink {
clicked: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
Icon: OverridableComponent<SvgIconTypeMap<{}, 'svg'>>;
children: string;
className: string;
color: string;
}
const Link: React.FC<ILink> = ({
浏览 3提问于2020-10-06得票数 0
回答已采纳
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
嗨，我有以下反应-基于Redux的代码片段，不理解以下一行：
const List = connect(mapStateToProps)(ConnectedList);
我会理解，如果函数看起来是：List常量，则它被分配给它：
const List = connect(mapStateToProps);
但是，(ConnectedList)在这个声明中有什么作用?技术名称是什么呢？
全剪：
import React from "react";
import { connect } from "react-redux";
const mapStateToPro
浏览 0提问于2018-08-15得票数 0
回答已采纳
2回答
我是Reactjs中的新手，我想知道“”和“”之间的区别是什么？
下面是反应性功能组件代码
import React from 'react'
export default function Test() {
return (
<div>Test</div>
)
}
这里是“导出”
import React from 'react'
function Test() {
return (
<div>Test</div>
)
}
export default Test
浏览 15提问于2022-07-21得票数 0
5回答
我是新接触redux框架的。下面的代码中的App是什么意思。是否将Type，Class传递给连接函数？我想知道它是如何工作的。显然，connect函数返回一个新的模块用于导出。有没有人可以通过基本的javascript例子来理解这段代码。
export default connect(mapDispatchToProps)(App);
浏览 0提问于2019-08-26得票数 3
我总是在我的组件中使用这个表达式：
class Cart extends Component { }
最近我看到了很多使用这个表达式的代码。
class Cart extends React.Component {
constructor(props) {
super(props);
}
}
为什么会这样呢？使用构造函数和超级函数的目的是什么？React.Component和组件是否相同？为什么我们要在构造函数和超级函数中传递道具？我不是在问什么是超级函数和构造函数，我是在问上面两个代码之间的区别以及使用每一个代码的好处？
我在网上查了一下，但没有看到任何解释，只有代码示例。
浏览 0提问于2019-06-08得票数 6
2回答
我有以下定理：(A→(B→C))→((A∧B)→C)，我试图确定它的计算解释是什么。我有以下选项：
(1)将curried函数转换为非curried函数的函数。
(2)将非curried函数转换为curried函数的函数。
(3)创建两个给定的A值和B值的元组的函数。
(4)这个逻辑公式没有计算上的解释。
我不认为(1)或(2)是正确的，因为在Haskell中，所有函数都被认为是curried的。我认为选项(3)是正确的，因为(A∧B)是转换为类型时的元组(A，B)。然而，我不确定我的推理是否正确。有没有可能有一个curried函数，其中你接受前两个参数A和B，然后以某种方式将它们转换成一个元
浏览 0提问于2019-08-09得票数 3
1回答
如何理解currying函数？
newSum和newFind是如何工作的？
var currying = function(fn) {
var args = [];
return function() {
if (!!arguments.length) {
[].push.apply(args, arguments); // What's the meaning of this writing?
return arguments.callee;
} else {
return fn.apply(this, args);
浏览 0提问于2017-10-14得票数 0
做赛跑是表现不佳还是不好呢？它是更好的表现还是更好的实践？还是这一切都只是偏好。我真的找不到关于这个问题的任何具体证据。
class MyClass extends React.component {
...
}
export default HOC(someParam)(MyClass)
与：
class MyClass extends React.component {
...
}
export default HOC(someParam, MyClass)
示例HOC (运行)：
export default function HOC(someParam){
// do some
浏览 1提问于2019-07-25得票数 0
1回答
在向Array编写扩展时，是否可以将扩展限制为特定的Array类型？我正在尝试做的是向Array添加一个只适用于[SKTexture]类型的数组的扩展。
我不希望这个扩展对包含其他类型(即[Int]、[Double]、[String]等)的数组做任何事情。
浏览 9提问于2015-04-28得票数 2
在react原生中的某个声明日期之后呈现组件的最佳方式是什么？ 我真的不确定这样做的最佳方式
浏览 9提问于2020-10-13得票数 1
回答已采纳
1回答
反应元件的存取子
、、
想象一下有反应成分
function List() {
return (<ul>
<li>1</li>
<li>2</li>
</ul>
);
}
我想要创建高阶组件，例如修改所有li节点的样式.
function makeRed(component) {
return function(props) {
const element = React.createElement(component, props)
浏览 0提问于2018-08-09得票数 5
回答已采纳
我得到了以下错误，但我无法弄清楚如何解决它，有人可以帮助我解决。
下面也是与完整代码的博览会链接。
小吃博览会报告的<AppIntroSlider />错误
示例：
输入'{ ref：(ref: any) => any；data：{ key: string；title: string；backgroundColor: string；}[]；renderItem：({ item }：any) =>元素；renderPagination：(activeIndex: number) =>元素；scrollX：(scrollXList: an
浏览 1提问于2020-12-05得票数 0
3回答
以下Scala代码适用于我：
def curry(s1: String)(s2: String): String = (s1 + " " + s2).toUpperCase
val uncurry = Function.uncurried(curry _)
println(uncurry("short", "pants"))
但是，以下代码没有：
def cat(s1: String, s2: String): String = (s1 + " " + s2).toUpperCase
def curry = Functio
浏览 3提问于2014-10-16得票数 0
回答已采纳
我使用的是的表组件，并且针对表的每一列实现了我的自定义过滤器组件。现在，我也想开始在几个表中使用这种方法。问题是我有一组函数，我在其中修改过滤器的状态，同时它们对所有使用过滤器的表都是通用的。
因此，我不希望每次必须实现带有筛选器的表时都必须复制、粘贴并最终复制此逻辑。我希望以某种方式创建一个表，并以某种方式(使用良好的实践)能够为这个新组件注入这些功能。
我首先尝试了高阶组件( doc )，但我在react文档中读到：A HOC is a pure function with zero side-effects。另一种选择是继承，但我不知道这是不是最好的方法。
谁能告诉我在组件之间注入和重用
浏览 0提问于2018-02-19得票数 0
我想了解ES6，并且正在使用HTML来呈现外部的React元素。无法将这个ES6类呈现为html表。
我尝试从类内部呈现ES6对象，方法是将一个字符串返回给一个没有呈现的HTML，所以现在我将它从外部呈现给呈现到表外底部的类。我正在为表使用外部CSS，而其他呈现的元素都不会受到影响并呈现给它们的单元格。
React.js
//PROBLEM: To create an igor skate from an inline skate model.
//START
//CREATE Class Roller_Blades.
//CONSTRTUCT property Name "I
浏览 1提问于2019-09-11得票数 0
回答已采纳
2回答
我在 中有以下箭头函数，取自
const getIntervals = n=> availability=> {}
我需要在一个用ES6语法编写的React组件中使用它，该组件由于而无法处理ES7属性初始化器。
“通常”function中的类上下文中的函数具有以下简单的样式：
myFunction () {}
但是我会把getIntervals函数转换成这种样式吗？
浏览 7提问于2016-08-10得票数 0
回答已采纳
3回答
我看到了react v16中引入的这两个新概念。
根据我的理解：
useState类似于带有钩子的setState，useEffect的工作方式类似于生命周期方法。
我的理解正确吗？如果不是，useState和useEffect的确切区别是什么？
浏览 0提问于2018-11-09得票数 39
回答已采纳
我面临着问题，当我点击添加朋友按钮时，每个按钮都变成了请求，我如何才能特别地将它设置为一个用户，我点击了它，我尝试了几件事，但它不起作用，它正在选择每个其他用户。我使用了handleproductselect函数，但它不起作用，我已经给了他们单独的id，但它仍然不起作用。 class SearchModal extends Component {
constructor(props){
super(props);
this.state = {
Input:"Add Friend",
backgroundColor: '
浏览 32提问于2021-02-27得票数 1
回答已采纳
我正在学习redux技术，我一直坚持对函数连接的理解，因为我以前所见过的函数会引起争论等等。而且这个程序不需要任何东西，至少看起来是这样的(代码工作得很好，我只是无法理解函数的概念)
import React from "react"
import { connect } from "react-redux"
const mapStateToProps = state => {
return { root: state.root }
}
const ConnectedList = root => {
console.log(root)
浏览 1提问于2019-08-12得票数 1
回答已采纳
我已经定义了一个React HOC，如下所示，它的工作方式和我所期望的一样。 function higherOrderComponent(Component) {
return Component;
} 我的问题是，什么是JavaScript原理使得返回一个函数返回一个JSX等效项？ function higherOrderComponent(Component) {
return function () {
return <Component></Component>;
};
} 这与函数式编程中的身份有什么关系吗？
浏览 11提问于2020-04-22得票数 1
回答已采纳
我是ReactJS和JavaScript的新手，我试图通过URL将ID传递给"UserInfo.js"，接下来我尝试在"GetUser.js“中获取这个id，并通过这个ID请求API显示信息(如登录、ID等)。来自DataBase。我对反应有问题。API在swaggerUI中工作得很好。
GetUser.js代码：
import React,{ Component } from 'react';
import { stringify } from 'uuid';
import UserInfo from './UserInfo&#
浏览 8提问于2021-12-20得票数 1
3回答
反应函数调用方法
、、
在React中，我可以用两种不同的方式调用onClick中的函数。
第一方法:箭头函数
const Modal = ({isOpen, toggle, children}) => {
<div onClick={() => toggle()}>
<div>
{children}
</div>
</div>
}
第二种方法:不带括号的
const Modal = ({isOpen, toggle, children}) =>
{
return(
浏览 7提问于2022-01-15得票数 1
回答已采纳
我用的是带有钩子的redux，我需要一个选择器，它接受一个不是道具的参数。态
选择器函数不接收ownProps参数。但是，道具可以通过闭包(见下面的示例)或使用咖喱选择器来使用。
然而，他们并没有提供一个例子。文档中描述的咖喱的正确方法是什么？
这就是我所做的，它似乎是可行的，但这是对的吗？从useSelector函数返回函数是否意味着(它似乎永远不会重新呈现？)
// selectors
export const getTodoById = state => id => {
let t = state.todo.byId[id];
// add display n
浏览 0提问于2019-08-12得票数 17
回答已采纳
我正在尝试从MongoDB服务器获取Notes数组的示例，如下所示
{
"_id" : ObjectId("5f240b9ab414f1377c4155e0"),
"title" : "Hello",
"content" : "World !",
"__v" : 0
}
/* 2 */
{
"_id" : ObjectId("5f240d45b414f1377c4155e1"),
"title&
浏览 0提问于2020-07-31得票数 1
我正在尝试使用React-Table，但遇到了一个问题：
我需要使用多个访问器，然后将这些值作为道具传递到一个自定义组件中，这样我就可以为每个用户呈现一个具有特定统计信息的模式。
我知道我只能将字符串或函数传递给React Table中的访问器，但我不确定如何将这些值作为属性返回。
我已经阅读了这个站点上的文档，虽然它提供了如何将事物组合到一个单元中的简单示例，但我仍然不知道如何处理将道具从多个访问器传递到一个单元中嵌入的自定义组件。
// sample data
const data = {
completionDate: "April 2, 2019 1:12 PM",
浏览 2提问于2019-04-04得票数 1
3回答
我试图捕获粘贴到文本输入中的任何内容的值，但由于某种原因，它没有显示在文本输入中
import React from "react";
export default function App() {
handleOnPaste = e => {
e.stopPropagation();
e.preventDefault();
const clipboardData = e.clipboardData || window.clipboardData;
const pastedData = clipboardData.getData(
浏览 1提问于2020-07-27得票数 0
我有一个使用URL search params的React应用程序。根据search parameter v的值，组件应该显示不同的内容。
可能的URL可能如下所示：
http://localhost:3000/hello?v=12345
一旦URL中的v query parameter发生变化，我希望更新我的组件。
http://localhost:3000/hello?v=6789
我在我的应用程序组件中使用react-router来根据路由显示不同的组件。App组件被包装到一个BrowserRouter组件中。
render() {
return (
<Switch&g
浏览 41提问于2018-06-03得票数 7
回答已采纳
尝试按照这个示例(取自scala )为所有集合创建通用的sum函数
trait Summable[A] {
def plus(a1: A, a2: A): A
def init: A
}
object IntSummable extends Summable[Int] {
def plus(a1: Int, a2: Int): Int = a1 + a2
def init: Int = 0
}
trait Foldable[F[_]] {
def foldLeft[A](xs: F[A], m: Summable[A]) : A
}
像这样实现foldLeft可以很好地工作
浏览 5提问于2014-02-06得票数 0
我是React的新手，我想清楚地知道要使用哪一种，当涉及到组件时，我可以看到有两种类型。
功能组件:
import React from 'react'
const userInput = (props) => {
return(
<div>
<input type='text' onChange={props.nameChanged} value={props.username}></input>
</div>
)
};
expor
浏览 0提问于2018-06-27得票数 14
回答已采纳
下面两个函数的类型有什么不同？
def add1: Int => Int => Int = a => b => a + b
def add2(a: Int)(b: Int) = a + b
根据它们的声明，它们似乎具有相同的类型。两者的调用方式相同：
scala> add1(1)(2)
res2: Int = 3
scala> add2(1)(2)
res3: Int = 3
然而，它们的类型有一个明显的区别：
scala> :t add1
Int => Int => Int
scala> :t add2
(a: Int)(b:
浏览 0提问于2011-10-10得票数 9
回答已采纳
2回答
给定以下表达式：
// val fn1 : a:'a -> b:'b -> c:'c -> d:'d -> e:'e -> f:'f -> g:'g -> unit
// val fn2 : a:'a -> b:'b -> c:'c -> d:'d -> e:'e -> f:'f -> g:'g -> unit
type T =
| A
| B
// val t : T
// val a
浏览 10提问于2020-06-01得票数 1
回答已采纳
我是第一次接触JEST和酶。我已经派生了https://github.com/jscomplete/advanced-react/ 我想在https://github.com/jscomplete/advanced-react/blob/master/lib/components/Timestamp.js为时间戳组件编写单元测试 到目前为止还没有任何运气 describe('Timestamp', () => {
const timeToShow = new Date().toString();
const testStore = {
s
浏览 13提问于2020-08-09得票数 0
回答已采纳
任何帮助或提示都将不胜感激！ 此消息的参数是： return <Spinner message="Please accept location request" />; 覆盖Spinner.js中的defaultProps message Spinner.defaultProps = { message: 'Loading...' } in spinner.js? spinner.js： import React from 'react';
const Spinner = (
浏览 20提问于2020-12-31得票数 1
回答已采纳
如果我将"component“的类型定义为any： import React from 'react';
import { Redirect, Route } from 'react-router-dom';
import { WEB_APP_TOKEN_KEY } from './auth.api';
export interface IAuthRouteProps {
component: any // React.Component
path: string
}
const AuthRoute: React.
浏览 5提问于2020-09-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
