如何构建可以改变视图类型react组件

文章/答案/技术大牛

发布

1回答

reactjs

我正在工作的reactjs项目需要建立一个可以改变视图类型的组件。Like:组件有"view as icon“和"view as list"，并且有一个按钮可以相互切换。最好的办法就是把它归档。那么我该如何使用react来做到这一点呢？我实际上没有这方面的代码。 p/s:我尝试过条件渲染，但因为渲染不同，所以需要用forceUpdate()重新渲染组件。这看起来可不太好。

浏览 12提问于2019-05-09得票数 0

4回答

如何在react原生应用中使用react j组件？

reactjs、react-native、redux

是否可以使用react原生应用程序中的所有reactjs组件?如果不能，在react js和react native之间切换的最佳方式是什么？如果应用程序是使用react js完成的，那么是否有必要(强制)在其中使用redux？

浏览 3提问于2016-06-20得票数 12

1回答

用流类型构造react项目以获得最佳类型的可重用性

javascript、reactjs、flowtype、type-safety

我遇到了一个问题，我必须在我的存储/视图/组件文件中重新键入/重新定义重复类型，即认为一个视图接受某个存储值，并且有一个改变该值的函数，并且这个函数被传递给一个组件。这里有很多类型的可重用性，我继续研究如何为它构建项目，但没有发现任何有用的东西。我发现的是实用程序类，它引导我使用以下方法import React, {Component} impor

浏览 0提问于2018-06-14得票数 7

回答已采纳

1回答

Reactjs呈现和状态更改依赖关系

javascript、reactjs

目前我正在学习ReactJS，并且很难理解如何根据其他地方的更改来呈现/更新内容。我有一个计时器应用程序，其中包括暂停/重新启动功能。它包含一个开始/暂停按钮。

浏览 1提问于2018-08-05得票数 0

1回答

但是我不断地收到同样的错误，我将解释这些错误，我不知道如何修复它们，也没有关于堆栈溢出的答案。但是，当我运行时，我一直会收到这个错误：“div的视图配置getter回调必须是一个函数(接收到的undefined)。请确保以大写字母开头组件名称。”我做了这件事，但后来我又犯了一个错误：警告: React.jsx: type无效--需要字符串(用于内置组件)或类/函数(用于复合组件)，但got: defined。您可能忘记从定义在其中的文件中导出组件，或者您可能

浏览 0提问于2022-05-18得票数 0

3回答

ReactJS - React.Children.forEach -我能得到子组件的名称吗？

javascript、reactjs

我有一个带有许多子组件的React (15.5.4)组件，其中一些是HTML元素，有些是其他的React组件。我需要对子元素进行迭代，并确定特定类型的React组件。因此，我的第一个想法是使用React.Children.forEach()迭代并查找组件名称。当它是一个函数时，我

浏览 5提问于2017-05-11得票数 17

回答已采纳

1回答

使用本机矢量图标获取错误，并在Project中使用

javascript、react-native

错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。当我使用npm安装本机矢量图标时，我这样做了：我为什么要把这个当成错误呢？react本机矢量图标也显示在我的package.json文件中，但是我注意到当我得到error: unknown command 'link&

浏览 10提问于2022-11-04得票数 0

回答已采纳

2回答

React.js直接用HTML编写组件

javascript、dom、reactjs

我对React.js非常陌生，但是探索它，我期待一些我无法做的事情。假设我有一个组件： render: function() { <div>HelloReact.render( document.getElementById('content')我希望在定义了组件之后，能

浏览 2提问于2015-02-06得票数 4

回答已采纳

3回答

在react-redux中，任何组件都可以从存储请求当前状态吗？

reactjs、redux、react-redux

例如，一个组件需要访问当前状态，它可以在任何时候直接从存储请求当前状态吗？这意味着存储和任何组件之间是双向的吗？我在数据流映射中有点迷路，我总是看到从商店到组件只有一个箭头。提前谢谢你！

浏览 0提问于2016-06-17得票数 1

1回答

react如何与修改html的javascript ui组件一起工作

javascript、jquery-ui、reactjs、kendo-ui

大多数javascript ui组件，如jquery ui、bootstrap或kendo ui，都会获取一些html元素并动态地呈现自己。像这样的东西：我想知道这些框架是否可以有效地与react一起使用。rea

浏览 1提问于2016-04-20得票数 0

1回答

在Rails 6中，将数据从Rails视图传递到react组件的首选方法是什么？

ruby-on-rails、reactjs、webpack、react-props

我知道react_on_rails和react-rails gem有将数据传递给react组件的方法。例如，您可以这样做：<%= react_component("HelloWorld", props: @some_props) %>。现在我们可以做rails new myapp --webpack=react和javascript packs了，我该如何将数据或属性从rails视图传

浏览 12提问于2020-03-21得票数 2

2回答

在React组件中使用redux操作类型

reactjs、redux、react-redux

现在，在我的React组件中，我希望根据最终调度的操作类型(成功或错误)执行一些操作。if (actiontype === "GET_LIST_SUCCESS") {}if (this.props.list

浏览 1提问于2019-01-18得票数 0

2回答

在React中，值从其他组件更改后，useEffect不会更新

javascript、reactjs、react-hooks、use-effect

我希望在NavBar组件(位于每个页面上)中呈现我的购物车大小。当我在特定产品上点击Add/Remove时，我想做的是，cart size的NavBar上的值将根据cart size的大小而改变(来自getCartSize方法)。我已经尝试过使用useEffect钩子，但是它不能识别cartSize的值何时改变，我该怎么做呢？ </header>

浏览 0提问于2019-12-06得票数 1

1回答

从相交类型构造完整类型

typescript、refactoring

我有几种类型是由大量的交叉类型组成的。我想将这些类型提取到它们最终编译到的内容中。我相信当选择重构的方式时，这将是有帮助的。更多关于原因的信息。我们有一些复制粘贴的代码，类型、视图(反应组件)和业务逻辑(RxJS流)被复制。我们在RxJS流和React组件树之间有作为类型记录类型编码的视图模

浏览 7提问于2021-12-17得票数 1

回答已采纳

2回答

如何为react原生ui组件创建类型记录类型定义？

ios、typescript、react-native

让我们说，我有一个本机UI组件，类似于中的一个。我如何为它创建一个类型类型定义，比如可以导入的类型定义，例如使用“npm@ type /somelib”？我在文档中没有找到关于如何做到这一点的解释。这个想法是为了能够在一个反应本机类型记录项目中无缝地使用本机组件，为此，我需要为本机组件创建类型定义。那么，如何为本机组件创建类型记录<em

浏览 2提问于2019-11-25得票数 3

1回答

使用semantic-ui-react、JEST和enzyme进行反应

reactjs、jestjs、enzyme、semantic-ui-react

我遇到这个错误，npm start在执行下面的import时运行得很好： import Header from 'semantic-ui-react/dist/commonjs/elements/Header/node_modules/semantic-ui-react/dist/commonjs/elements/Header'; 是否有其他方法可以避免引用从node_modules文件夹导入的内容？

浏览 48提问于2019-02-21得票数 0

回答已采纳

1回答

用引导带4进行反应

reactjs、twitter-bootstrap、reactstrap、react-toastify

有任何方法可以将react-toastify与Reactstrap的Toast组件或Bootstrap 4 toast类一起使用吗？下面是我当前的配置： toastClassName: 'toast', // Bootstrapclass bodyClassName: 'toast-body', //

浏览 0提问于2020-04-04得票数 1

3回答

ReactJS --如何使用javascript访问组件的displayName？

javascript、reactjs

我正在构建一些React，有时我希望将由displayName呈现的组件类型记录到控制台，JSX在显示组件名称时使用该类型。 displayName: 'HeyHey',

浏览 6提问于2014-07-12得票数 49

回答已采纳

1回答

反应渲染非反应域

reactjs

如果react-dom是专门为呈现html元素而准备的，那么react本机呈现本地视图.假设我有一种xml类型语言，我希望使用react / jsx以声明方式组合具有自己的本机元素的组件。如何创建基本元素(不是div或span，而是其他东西) 提前感谢

浏览 3提问于2017-07-20得票数 0

1回答

使用react-router时，React应用程序总是重新下载图像

javascript、reactjs、react-router-v4、react-router-redux

我和react-router-dom有create-react-app项目。return ( src="/images/logo.png" className="d-inline-block mb-2" alt=&quo

浏览 5提问于2020-03-23得票数 0

点击加载更多