渲染动态元素ReactJS？

文章/答案/技术大牛

发布

2回答

javascript、reactjs

因此，我正在尝试创建一个包含几个HTML输入的动态表单。我有一个对象Forms数组，其中包含应该呈现的input的type。目前我可以渲染几个输入，比如文本区域，但是我如何处理单选、复选框、选择以及它们的选项呢？任何帮助都将不胜感激。请参阅此CodeSandbox。

浏览 32提问于2020-06-19得票数 0

回答已采纳

1回答

如何在reactJS中使用AngularJS指令

javascript、angularjs、reactjs

我有一个在AngularJS上工作的项目，我有一个渲染问题。我需要在一个页面中渲染许多元素(1000+)，而且速度非常快。为了解决这个问题，我决定使用ReactJS。但是..。我有这些元素 <td><span data-my-directive="user.data"></span></td> </tr>

浏览 0提问于2014-11-23得票数 2

1回答

我想在pug和node.js中创建一个类别和子类别选择菜单。子类别根据所选类别更改的位置

javascript、jquery、node.js、express、pug

我知道如何使用-var={}渲染一个简单的菜单，并在其中添加值和名称，但对于我的工作流程，我想要一个类别菜单与类别，如电子，体育等，如果我选择体育，其他子类别菜单只显示不同的体育。我需要用一个表单动态地做这件事，并且值应该在不点击提交按钮的情况下改变我试过这样的东西但它只呈现一个菜单 -var selected='' -var

浏览 15提问于2019-04-07得票数 0

回答已采纳

0回答

如何使用typescript (tsx)在一个DIV中呈现多个reactjs元素？

reactjs、typescript、render、react-jsx

参考下面的代码，我需要在同一个容器下渲染3个元素/组件。并且下面的代码没有呈现任何内容。ReactJS应该有办法在同一个容器(div)中呈现多个元素吗？document.getElementById(id); ReactDOM.render([<HelloComponent class="welcome" compiler=&

浏览 5提问于2016-06-29得票数 1

1回答

如何清除关闭浏览器窗口上的PixiJS引用？

javascript、reactjs、pixi.js

我有ReactJS应用程序，它使用PixiJS 4，我当然会调用stage.destroy(true)，并在脚本不再需要时删除画布元素中的渲染器视图，并销毁渲染器。看起来ReactJS生命周期例程不提供这样的回调。

浏览 1提问于2019-02-09得票数 2

1回答

状态更改后更新div渲染

reactjs

我有一个reactjs元素<PlayStopBtn/>，它基本上可以在每次点击时切换显示开始或停止。我的react元素看起来像这样： getInitialState: function() { }但是，当渲染元素时，它会显示STOP，并且单击该<

浏览 8提问于2017-03-04得票数 0

回答已采纳

2回答

获取react.js上下文中html元素的数据属性

javascript、jquery、reactjs

CMS将一个变量作为data-rest-url属性传递给React.js应用程序：如果我将jQuery添加到我的React.js应用程序中，那么我可以简单地： const $reactRoot = $('#reactjs-root

浏览 24提问于2017-03-14得票数 10

回答已采纳

2回答

有条件地显示除法反应

javascript、reactjs

对象"nextnode“是我每次动态创建节点时创建的。我想根据属性"form“是否设置为null来确定每个分区的显示值。

浏览 17提问于2021-04-19得票数 0

2回答

具有动态类型对象的ReactJS

ruby-on-rails、reactjs

我正在进行一个将部分rails视图层转换为ReactJS的项目。我面临的挑战之一是呈现一个动态对象类型列表(对象正在使用STI)。例如，我试图渲染一袋水果，每个水果在rails中都有一个特定的部分视图。render 'fruits/' + fruit.type我如何在ReactJS中做到这一点？有可能吗？

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

回答已采纳

3回答

现有超文本标记语言中的ReactJS

javascript、html、reactjs

我正在使用ReactJS创建我的第一个应用程序。所以我想知道React是否可以在现有的HTML中使用(添加)？请帮帮我

浏览 1提问于2016-04-15得票数 5

1回答

我从来没有用过ReactJS，但我听说它引入了一个叫做虚拟DOM的奇妙功能，让我想起了Silverlight中类似的虚拟元素的概念，不可见的元素将从树中删除，以提高用户感知的性能。这就是我的问题，我需要渲染一个有1000 x 1000个单元格的矩阵，它们都是由d3js创建的SVG，G元素，当它需要在内存中容纳100万个DOM元素并管理它们时，性能在任何浏览器上都是超级糟糕的，在我的例子中，ReactJS会有帮助吗？

浏览 2提问于2017-10-27得票数 0

3回答

动态创建React元素

javascript、html、reactjs、chat

我正在和ReactJS (有点Facebook)聊天，我用ReactJS创建了ChatBox，所以当你点击一个在线用户时，必须创建一个ChatBox，我的问题是，有没有办法动态地创建一个ReactJS组件，比如将ChatBox添加到div或另一个React元素中？

浏览 3提问于2015-09-06得票数 3

回答已采纳

1回答

如何在react中渲染根元素中的模式？

javascript、reactjs、reactstrap

该表单的css不能正常工作，因此当我执行检查元素时，我发现模式位于...当我使用"container__wrap“类复制根元素中特定子元素中的模态元素时，表单的css就能正常工作。所以..。我希望模式在根元素中，更具体地说，是在带有类"container__wrap“的div中，就像第二张附图。这是模式代码。

浏览 22提问于2019-12-30得票数 0

回答已采纳

1回答

拖动元素，但不选择其他元素

javascript、html

我有系统来拖动元素(点)和地图。当我拖动点，鼠标光标的移动速度比新的点渲染快时，地图图像被选中。提前感谢您的帮助。

浏览 15提问于2017-06-27得票数 0

回答已采纳

1回答

轻松将数据从express传递到react

reactjs、express

所以我试着学习ReactJS，但是文档很糟糕，读完之后我比以前更困惑了。

浏览 1提问于2017-08-20得票数 2

2回答

结合react设置spring boot项目

jquery、spring、reactjs、spring-boot

我计划在spring boot & reactjs中构建这个应用程序。我想知道什么是一个好的设置。经过一些研究，我总结出有三种我认为我可以去做的方法。1)在spring boot中搭建接口(后台)，在ReactJS中启动第二个项目(前端)。这将完全断开后端的前端，这在理论上听起来很好。但这似乎有更多的工作要做。2)在后台渲染视图，并使用React逐步增强+在页面上构建动态部分。(我不知道这是否可能)就我个人而言，我倾向于第二种

浏览 1提问于2017-09-09得票数 1

1回答

reactjs onchange -条件元素渲染

reactjs

我正在尝试让select选项更改ReactJS中组件的一个元素。我的逻辑是：然而，错误是值没有定义，但我不确定它是什么意思。

浏览 1提问于2017-05-25得票数 2

1回答

如何开始将reactJs整合到现有的laravel应用程序中

reactjs、laravel-5

我有一个使用laravel Frameworks 5.4.32的应用程序，我想在应用程序的某些部分使用reactJs。将reactJs集成到应用程序并开始使用它进行构建的步骤是什么？我仍然希望使用应用程序通过laravel已有的现有路由，但我希望使用reactjs呈现一些更动态的元素(例如提要或通知)。

浏览 6提问于2017-08-27得票数 0

回答已采纳

1回答

如果返回多个子程序，则为ReactJS单行。

javascript、reactjs

我想渲染多个子程序中的一个-班轮如果其他语句。我使用ReactJS和MUI。如何返回/呈现多个元素(图标和包含文本的字符串)？{isTyping ?

浏览 4提问于2022-08-03得票数 0

回答已采纳

2回答

React最终形式中的REACT JSX语法

javascript、reactjs、jsx

来自https://final-form.org/docs/react-final-form/api/Field上一个名为React FINAL FORM的REACT库示例。我见过一个在render()函数中使用props属性的例子。我想知道这是怎么回事 <Field name="myField"> <div> </div></Field>

浏览 30提问于2021-01-20得票数 0

回答已采纳

点击加载更多