vue和react中的函数相同，但在react中不起作用
在Vue和React中，函数的作用是相同的，都用于定义组件的行为和逻辑。然而，在React中，函数组件需要使用特定的语法来定义，即使用函数来代替类来创建组件。这种函数组件的定义方式在React中被称为"函数式组件"。
函数式组件是React中的一种轻量级组件定义方式，它使用函数来代替类来创建组件。相比于传统的类组件，函数式组件更加简洁和易于理解。在函数式组件中，我们可以通过接收props参数来获取父组件传递的数据，并返回一个React元素来描述组件的UI。
在Vue中，函数组件的定义方式与React中的函数式组件类似，但Vue更加推崇使用基于模板的组件定义方式，即使用template、script和style标签来定义组件的模板、逻辑和样式。因此，在Vue中，我们更常见的是使用基于模板的组件定义方式，而不是纯粹的函数式组件。
总结起来，虽然Vue和React中的函数在作用上是相同的，都用于定义组件的行为和逻辑，但在React中，函数组件是一种特定的组件定义方式，而在Vue中，函数组件并不是主流的组件定义方式。
相关·内容
1回答
混淆如何在C++中实现rehash()函数
c++、hashtable
我的目标是为我在C++模板类中编写的哈希表实现一个re散列()方法。但是，我搞不懂我到底可以散列什么，因为这个方法只知道作为泛型的类型。据我所知，这与Java泛型不同
我对java的理解..。在Java中，由于每个对象都继承了hashCode()方法，所以我们可以重写该方法。如果用java编写一个通用哈希表，那么在rehash()期间，可以简单地调用hashCode()方法来返回一个值。这可以通过tableSize进行建模。无痛
回到C++..。因为我不相信我可以简单地在我的hashCode泛型上调用一个C++ ()方法，也不能访问泛型类型的数据成员，所以我不知道我可以重新散列什么。
我在C+
浏览 3提问于2013-07-30得票数 1
回答已采纳
1回答
高阶分量
reactjs、react-redux、react-router-dom
A/t到Docs，HOC不修改输入组件，也不使用继承复制其行为。相反，通过将原始组件封装在容器组件中，可以临时组合原始组件。
中的，如果道具更改组件被重新命名为newProps.
由于在特殊情况下，我们将道具传递给两个包装组件test1和test2，因此它们都应该在每个道具上更改。但这不会发生的。实际上，test1 & test2是通过状态提升和重命名来呈现test2更改道具的。但是test1仍然是一样的。检查附加的图像。
我很想知道react，连接和反应-路由器-dom withRouter实际上是如何工作在每一个道具上，改变存储和重发组件。
class Test extend
浏览 0提问于2018-12-15得票数 0
回答已采纳
1回答
如何在玩笑和酶中模拟一个函数
reactjs、jestjs、enzyme
我想在我的react组件中做一个模拟函数的测试，例如我有：
const app=()=>{
const [state,setState]=useState("");
const func=(item)=>{
setState(item)
}
return(
<div>{state}<div/>
)
}
我想用玩笑和酶来测试这个叫做"func“的函数，这个例子是：
let wrapper=mount(<App/>)
test("testing",()=>{
let it
浏览 3提问于2020-05-09得票数 0
回答已采纳
5回答
为什么函数类没有返回函数？
math、haskell、monads、functor、category-theory
从范畴的角度来看，函子是两个映射对(一个在对象之间，另一个在类别的箭头之间)，遵循一些公理。
我假设，每个函子实例都类似于数学定义，即可以同时映射对象和函数，但是Haskell的Functor类只有映射函数的函数fmap。
为什么会这样呢？
换句话说，UPD：
每个Monad类型的M都有一个函数return :: a -> M a。
而函子类型F没有函数return :: a -> F a，只有F x构造函数。
浏览 7提问于2014-02-08得票数 20
回答已采纳
1回答
Vue 3基于类的API、基于函数的API、反应性API和组合API是什么？
vue.js、vuejs2、vuejs3
当我开始使用vue 3时，我看到了这些概念：
基于对象的APIFunction-based APIClass-Based APIComposition API选项APIReactivity API
有人能告诉我们这些定义吗？
更新2021
我添加了Options和Reactivity
浏览 2提问于2020-04-19得票数 9
回答已采纳
1回答
创建可以在Vue和React应用程序中使用的动态页眉和动态页脚的最佳方法是什么？
reactjs、vue.js、npm
我有许多小项目，是主站点的子应用程序，每个应用程序都在父项目下的子域中的自己的容器中提供服务。 这对我的问题并不重要，只是为了增加上下文:主站点是一个古老的Drupal7怪物，它通过json暴露了站点页眉和页脚的链接和结构。这些链接和结构没有太多变化，但足以让孩子们的应用程序更新他们自己的版本。 大多数“儿童应用程序”都是用Vue & React编写的非常简单的单页面应用程序。 目前，它们只有3个项目，但这个数字今年将会增长，所以我想知道是否有一种方法可以创建一个项目，负责构建页眉和页脚，从Drupal检索数据，然后在每个Vue或React应用程序中重用该项目。 这可行吗？哪种框架更
浏览 24提问于2019-03-21得票数 1
回答已采纳
2回答
为什么状态对象存在于反应中？
javascript、reactjs
我有棱角和Vue的经验，并开始学习反应。
为什么所有未从父组件中传递的变量都存储在状态对象中，而不是存储在类的根处？另外，为什么React需要一个特殊的方法(setState)来改变变量的值？变量值可以直接更改，但除非使用setState，否则视图不会更新。
在角度上：
this.variableName = 'new value';
在反应中：
this.setState({
variableName: 'new value'
});
浏览 1提问于2018-02-19得票数 4
回答已采纳
1回答
使事件处理程序成为我需要的可访问方法
vuejs2、event-handling
在laravel 5.7 / vue 2.5.17 / vuex^3.1.0中，我在容器文件MainApp.vue中创建了事件处理程序，其中包含事件： mounted() {
bus.$on('dialog_confirmed', (paramsArray) => {
alert( "dialog_confirmed paramsArray::"+var_dump(paramsArray) )
if ( paramsArray.key == this.addToBookmarksKey(pa
浏览 11提问于2019-06-02得票数 0
回答已采纳
1回答
覆盖全局Vue组件是否安全？
vue.js、vuejs2、architecture、vue-component、nuxt.js
假设有一个全局组件BIcon.vue随处可见。
还有另一个组件，但不是全局的，叫做BIconFake.vue。
我们可以这样通过BIcon.vue来覆盖BIconFake.vue：
<template>
<div>
<b-icon icon="plus"><!-- <- Here is it BIconFake component! -->
</div>
</template>
<script>
import BIcon from '~/components/BIc
浏览 1提问于2019-09-02得票数 0
回答已采纳
1回答
反应功能组件是常规函数还是构造函数？
javascript、reactjs、object
在过去(换句话说，几年前)，React组件是使用render方法的类。
class MyComponents extends React.Component {
render() {
return <div>...</div>
}
}
在最近的时期里，React引入了功能组件。
function MyComponent() {
return <div>...</div>
}
以上任何一种方法都可以让您在另一段JSX中使用您的组件--如下所示
<Navigation>
<MyComp
浏览 1提问于2021-03-14得票数 3
1回答
(为什么)我应该*总是*在任何vue.js应用程序中使用组件，不管多么简单？
javascript、vue.js、vuejs2、vue-component
我刚刚开始使用vue.js，并且仅仅从文档的第一开始章节就创建了我所需要的大部分非常小的功能。
现在，我想添加一些测试，以确保我的功能总是在更改之后才能工作(通常我做TDD，但这一次我必须先学习vue并决定是否继续使用它)。
因此，在寻找文档时，我基本上看到，几乎所有关于vue测试的文档/方法都是关于测试组件的。我真的找不到其他人了。
这使我想到主题中所述的问题：
即使对于最简单的应用程序，使用vue组件也是一种必要的实践，而我绝对没有任何想要重用的组件吗？除了目前只找到关于如何测试组件化vue应用程序的文档之外，我还会在其他问题上运行吗？
我搜索了web和vue文档(至少在那里我希望得到一句
浏览 1提问于2019-10-04得票数 6
回答已采纳
3回答
为什么C++函子比有命名方法的对象更可取？
c++、functor、function-object
最近，我对函子感到兴奋，并在各地使用它们。然后出现了这样的情况:我需要我的函子执行两种不同的操作，并且我考虑向函子中添加另一种方法(而不是重载()运算符)。这是否是不好的做法，我不确定(也许你可以告诉我)，但它让我思考为什么我使用函子在第一，而不仅仅是对象。所以我的问题是：
重载()运算符是否有什么特别之处，还是它在语法上比使用普通命名方法更有吸引力？
更新：
首先，我知道为什么函子可能比函数指针更可取，就像在其他问题中解释的那样。我想知道为什么它们比具有命名方法的对象更可取。
其次，关于我想使用另一种可能命名的函子方法的例子:基本上我有两个函数，一个计算一个图分区的模块化- compute_
浏览 4提问于2011-04-05得票数 7
2回答
函数调用和函数调用的详细区别？
c++、stl、functor、function-object
这起作用的关键原因是，for_each ()实际上并没有假定是它的第三个参数为函数。它只是假定它的第三个参数可以用适当的参数调用。一个适当定义的对象不仅服务于--而且往往比--功能更好。例如，内联类的应用程序运算符要比内联作为函数指针传递的函数容易。因此，函数对象通常比普通函数执行得更快。带有应用程序运算符的类的对象(§11.9)称为类函数对象、函子或简单的函数对象。
Stroustrup，C++第3版，18.4-最后一段
我一直认为操作符()调用就像运行时的函数调用一样。它与正常函数调用有何不同？
为什么内联应用程序运算符比普通函数更容易？
它们如何比函数调用更快？
浏览 5提问于2010-10-14得票数 14
3回答
在其他页面中使用道具
javascript、reactjs、jsx、gatsby
今天，我正在使用一个React/Gatsby网站。我想在每一页上做一个横幅。我想制作一个组件并使用一个参数。我用我的照片作为参数。
但是每次我收到错误：“不能读取未定义的的属性‘支持’”
Index.js：
<Banner image={<image parameter>} alt="..."/>
在我的Banner.js上：
import React from 'react';
const Banner = () => {
return (
<img src={ this.props.image } cla
浏览 4提问于2020-01-20得票数 0
回答已采纳
3回答
功能组件或类组件
reactjs、react-hooks、react-component
在React 16.8之后，React Hook为我们提供了功能组件中的处理状态。现在，在React App中推荐使用哪个组件？
浏览 5提问于2019-07-19得票数 0
3回答
在创建React类组件时，我们为什么要扩展React.Component？
javascript、reactjs、react-native、es6-class
我不熟悉React，我非常困惑，日夜不停地思考这个问题，几乎我所有的头发都掉下来了，这就是为什么在使用类创建组件时，总是扩展React.Component类的原因。
但是在React.Component函数组件和其他方法中，我们没有做任何这样的事情来将创建的组件推入到类中。因此，主要的问题是，什么是React.Component类?为什么我们总是将新组件作为使用扩展的子组件添加到它，以及为什么我们不能在没有在类组件中使用扩展或不扩展React.Component类的情况下在react中创建本机组件。那么，React.Component类是什么呢？内部发生了什么？
我会非常感谢这个人，他会用例子
浏览 0提问于2018-10-01得票数 5
回答已采纳
1回答
还原反应-剩余状态和调度样板
javascript、reactjs、redux、react-redux
我通常使用以下模式构建组件：
import selectors from '../store/selectors'
import someAction1 from '../actions/someAction1'
import someAction2 from '../actions/someAction2'
import someAction3 from '../actions/someAction3'
class MyComponent extends React.Component {
render() => {
浏览 0提问于2019-01-16得票数 1
回答已采纳
3回答
类中具有类型特征的朋友函数的声明问题
c++、declaration、friend、typetraits
我正在使用C++中的单例模式，并希望实现一个完成类构造的全局函数。我在这个函数中使用了std::is_base_of，但这使得我不可能在类中声明函数。
下面是一个简短的例子：
#include <type_traits>
class A {};
template<typename T>
typename std::enable_if_t<std::is_base_of_v<A, T>, T*>
Instance() { return T(); }
template<typename T>
typename std::enable_
浏览 4提问于2021-01-23得票数 1
回答已采纳
4回答
什么时候应该将react组件声明为函数，而不是类？
javascript、reactjs
我不确定何时将react组件声明为简单的独立函数，而不是常规的class myComponent extends Component语法。使用React文档(位于)中的示例：
下面的代码被称为“组件”
function BoilingVerdict(props) {
if (props.celsius >= 100) {
return <p>The water would boil.</p>;
}
return <p>The water would not boil.</p>;
}
而它看起来仅仅是一个函数，并且像任何常
浏览 6提问于2017-06-14得票数 3
1回答
基于策略的设计:如何以适当的方式定制主机结构？
c++、templates、strategy-pattern、generic-programming、policy-based-design
我有一堆算法和集合，我正在使用基于策略的设计(参见一书)来处理任意组合的复杂性。这很好，但是为了防止通过使用指向策略的指针来破坏主机类，建议将policied的析构函数设置为受保护的。但是，如果我将算法和集合析构函数设置为受保护的，则不能单独使用它们，而只能将它们用作策略。此外，与通用工厂模式相比，我看不到基于策略的设计的好处……
以下是代码的模型：
#include <iostream>
template<class Collection>
class AlgorithmOne
{
public:
void doSomethingWithD
浏览 8提问于2013-04-29得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
