在基于react组件的类中放置助手函数的位置？
在基于React组件的类中，可以将助手函数放置在类的内部或者类的外部。
- 内部放置：将助手函数直接放置在类的内部，作为类的一个方法。这样做的优势是助手函数可以直接访问类的属性和方法，方便进行数据处理和状态管理。例如：
class MyComponent extends React.Component {
// ...
helperFunction() {
// 助手函数的实现
}
render() {
// ...
}
}- 外部放置：将助手函数定义在类的外部，作为类的一个独立函数。这样做的优势是可以在多个组件中共享同一个助手函数，提高代码的复用性。需要注意的是，外部放置的助手函数需要通过参数传递组件的相关数据。例如：
// 外部放置的助手函数
function helperFunction(data) {
// 助手函数的实现
}
class MyComponent extends React.Component {
// ...
render() {
// 调用外部助手函数
const result = helperFunction(this.props.data);
// ...
}
}根据具体的需求和代码结构，选择合适的放置位置。在React开发中，通常推荐将助手函数放置在类的内部，以便更好地组织和管理代码。
相关·内容
我有一个组件，其中包含一个对象，我需要检查其中是否有重复的值。 为此，我想创建一个helper函数。我只是不知道我应该让它成为类内的方法还是类范围外的函数？在这里做什么是最有意义的？
浏览 23提问于2018-12-30得票数 0
回答已采纳
我在如下功能组件中使用我们的cartContext： )和预期一样正常工作。我们有一个基于类的组件，如下所示：
class StaticCart extends COmpo
浏览 4提问于2021-06-03得票数 1
2回答
我有一个助手函数，它被我的React中的两个组件所使用。这个助手函数分发一组Redux操作。如何将连接到此助手函数，以便它能够分派操作？我的助手看起来是这样的： //dispatch some actions
//
浏览 0提问于2018-12-06得票数 1
回答已采纳
4回答
在React中，我们可以将组件编写为纯函数。但是，这方面的问题是，由于缺乏生命周期挂钩和状态，所以不能将其用作有状态组件。因此，我想知道是否有任何方法可以不使用类来创建有状态组件。我发现的是createClass助手。但是，React已经将该助手转移到了发布版15.5.0，中的自己的包中。此外，他们建议您将它们
浏览 8提问于2017-07-30得票数 10
回答已采纳
我是一个新的react，我的问题是我想要创建一个类，它将作为全局助手工作，我想在另一个类或组件中使用它。例如，首先，我想获取由用户输入的所有resturant关键字，如果用户选择任何resturant，那么我希望获得resturant的详细信息。在这个用例中，我必须进行两个ajax调用，我想要创建全局ajax助手函数，我可以在其他组件中使用这个函数</em
浏览 1提问于2017-01-31得票数 24
回答已采纳
2回答
我编写了一个检查窗口宽度的函数(用于保持组件的响应性)： handleResize = () => this.setState({ windowWidth: window.innerWidth }componentDidMount = () => this.handleEvent();
componentWillUnmount = () => this.handleEvent(); 如果我想在其他文件中重用这段代码，有没有办法保存这段代码并在我想要的任何地方重用
浏览 26提问于2020-11-20得票数 0
回答已采纳
在我的React的初始化中，我从一个API中获取一个设置列表。存储在redux状态中的设置。
他们永远不会改变的反应-应用程序。应用程序只会消耗这些值。我是否应该将这些值放置在redux状态中？为了在组件中使用这些设置，我实现了几个帮助函数。例如，widgetSettingsColor( key )、widge
浏览 0提问于2019-01-22得票数 1
回答已采纳
2回答
有人能告诉我为什么我要进行无效的钩子呼叫吗？我认为问题与useState(Null)或使用它的函数有关。下面的代码显示了我正在尝试使用它的整个能力，在任何帮助下都会非常感谢。import React, { useState } from 'react';import;
const ArrowRight = Arro
浏览 0提问于2020-05-14得票数 1
嗨，我是reactjs的新手。我想将组件导出到另一个组件中。我想将这个name_of_the_component从助手组件导出到。下面是代码片段 return ReactDOM.createPortal{ return ( );
浏览 0提问于2018-09-25得票数 0
回答已采纳
我已经为在React中放置助手函数而挣扎了一段时间(例如，在组件内部或外部声明帮助函数)。我一直在到处寻找最佳实践，但却没有什么让人信服的东西。我试验过这两种方法，我很难决定哪一种方法更有益。我想知道人们在这个问题上是否有不同的想法。可以访问道具和钩子使您的组
浏览 0提问于2019-12-10得票数 3
回答已采纳
3回答
在javascript类constructor()中获取数据是一种好的做法吗？例如，在react类constructor()中，我找到的每个教程都在componendDidMount()中获取数据，但没有人质问为什么我们不能在constructor()中这样做。这个问题与javascript类有关，不仅仅是react。
浏览 3提问于2019-03-15得票数 13
这似乎是一个相当愚蠢的问题，但到目前为止，我还没有找到一个明确的答案。
我从本质上寻找在JavaScript中存储变量和助手函数的最佳实践。我需要在本地更新这个列表，所以我的第一反应就是把它存储在全局的react类之外，但是很明显，这是个坏主意，因为我最终需要添加助手函数和更多的变量，以便在组件中使用。
浏览 1提问于2017-12-29得票数 0
回答已采纳
4回答
我是React.js的初学者；我正在构建一个简单的音乐播放器应用程序，但是在App.js文件中它给了我一个错误。下面我分享了App.js文件的代码和浏览器生成的错误。import React, { Component } from 'react'
import PlayList from "./componentes
浏览 7提问于2022-02-28得票数 0
回答已采纳
1回答
将反应性类函数存储在单独的文件中
、、、、
是否有一种方法可以将react类的函数存储在一个单独的文件中，然后导入这些函数以供使用？想要这样做的原因完全是为了减少组件的大小，并按类别对函数进行分组。/functions/anotherFunction';
constructor(props){
浏览 4提问于2017-11-13得票数 5
回答已采纳
我现在将routecomponentprops历史记录传递给helper函数。这是主要组件 const FinishEmailSignup: React.FunctionComponent<RouteComponentProps> = ({ history }) => {useEffect(( ) => { }, [history]) 现在，这是另一个组件，我在其中放置了所有的助手函数。h
浏览 27提问于2020-11-06得票数 0
回答已采纳
我刚开始接触React，最近刚刚开始将SignalR集成到React web应用程序中。SignalR工作得很好，但我最初认为我可以有一个服务/助手类，它可以实例化一个集线器连接，这样我就可以在多个组件中使用相同的连接，但不幸的是，正如我所理解的React，你应该按照“基于组件”的方式来处理所有的事情，并且在组
浏览 23提问于2019-05-07得票数 2
我有点困惑，为什么我们在react中创建类的时候需要导入组件？为什么我们不能像在函数组件中那样简单地导入react呢？
浏览 2提问于2020-06-14得票数 0
将道具与对象引用相等性进行比较，当您部分应用一个函数时，您将得到一个具有不同引用的新函数，这将导致React组件每一次触发一次重呈现。我有一个在特定选项卡中呈现组件的函数。其中一个道具是this.setTab.bind(this, tab)，它每次都会返回一个新函数。如果有某种不变的助手，允许它基于绑定值相等的话，那就太
浏览 4提问于2015-08-29得票数 8
我使用的是react-router-dom v6，不知道如何获取参数值 例如：http://localhost:3000/user/:id 我想让:id 有人使用钩子useParams来获取，但我使用的是类
浏览 5791提问于2020-06-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
