如何在react中扩展呈现DOM

文章/答案/技术大牛

发布

1回答

javascript、reactjs、jsx

假设我有一个子类从父类扩展而来。父类呈现 <div id="container" class="style-scope "> bunch of DOM.</div> 在子类中，如何在没有复制粘贴的情况下呈现如下示例中的HTML DOM？ <div id="container" class="style-scope &

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

1回答

React从引用中获取自定义组件的HTMLElement属性

reactjs

从ref到DOM元素获取HTML属性非常简单。 <h1>Bla bla</h1> ...我从中检索到的只是一个带有state、props、ref和updater属性的对象，但是DOM特定的属性却无处可寻。

浏览 62提问于2017-02-14得票数 1

回答已采纳

1回答

响应(类似于DOM操作，如'ADD‘、’替换‘、'REMOVE’等等)，以便它们可以在每次呈现结束时一次批量执行它们。例如，通过将此操作添加到操作队列中，将React组件中的setState调用调度到构建此React树的末尾。然后，react将遍历这个队列，并决定需要对DOM进行哪些更改。将根据操作队列是否为空来决定是否调用另一个呈现。有关此的更多信息，它总结了如何在内部工作的

浏览 2提问于2021-08-25得票数 7

回答已采纳

1回答

如何向React.Js中添加flowbite。遵循关于流程的指南，但是组件不能正常工作

reactjs、tailwind-css、flowbite

你好，我使用了flowbite，并使用了尾风，并对js进行了反应，但是这些组件并没有在react中工作。

浏览 7提问于2022-05-08得票数 1

1回答

ReactJS:如何添加不支持的React组件(JSX标签)？

javascript、reactjs

有一些标签还没有在ReactJS中定义，比如SVG命名空间中的<animate>。我可以使用相同的方法来扩展React来定义标准的<animate>标记吗？我不想派

浏览 1提问于2014-08-25得票数 3

1回答

在反应中是否存在固体的mergeProps和spreadProps当量？

reactjs、solid-js

// import { styled } from "@stitches/react";import { mergeProps,splitProps } from "solid-js"; &#x

浏览 4提问于2022-07-24得票数 0

1回答

为什么启用全屏模式后暂停重置？

reactjs、react-native、react-native-video

我正在尝试添加一个视频播放器，我使用react-native-video-controls在我的视频上添加控件，但是它在重置暂停时有问题代码： handleExitFullScreen =

浏览 2提问于2019-07-10得票数 0

1回答

Chrome上浏览器扩展内容脚本的ReactJS呈现问题

reactjs、google-chrome、google-chrome-extension、browser-extension

我做了一个浏览器扩展，它将一个iframe注入到包含一些html的DOM中。我一直在尝试将React组件呈现到iframe中，但它不会呈现，并且我收到以下错误Invariant Violation: Maximum update depth exceeded.我尝试过呈现到iframe，甚至通过内容脚本直接呈现到DOM，但我仍然遇到同样的问题。我知道组件的呈现函数正在被调用，因为我在其中放置了一个c

浏览 23提问于2019-05-17得票数 0

回答已采纳

2回答

react中ref上的事件处理程序如何在呈现之间持久化？

javascript、reactjs

在react中，如果您有一个ref，并使用 ref.current.onclick = eventHandler 我知道react保证ref将持有对DOM元素的引用，但是DOM节点上的事件处理程序如何在重新呈现之间持久化，因为DOM节点可能会改变。

浏览 28提问于2021-04-07得票数 0

1回答

如何使用`React.createRef()`呈现重复元素

javascript、reactjs

在下面的代码中，我希望使用React.createRef()呈现重复的元素。因为从长远来看，我必须在帮助屏幕的对话框中呈现相同的元素。那么如何在DOM中呈现它呢？通过下面的代码，我可以获得div元素的ref，但不能在Dom中呈现它。export default class TestComponent extends React.Component {

浏览 16提问于2020-01-22得票数 0

2回答

在reactjs中没有父子关系的不同组件之间的通信。

javascript、reactjs

假设我有两个不同的DOM元素</div></div>React.renderfirstComponent(null),document.getElementById('firstDiv'); 现在，假设我从firstComponent内部的服务器获取一些数据，然后

浏览 4提问于2014-10-30得票数 4

回答已采纳

2回答

使用JS小部件时忽略父样式

css、reactjs、webpack

我正在使用react创建可以添加到外部客户端站点的js小部件。我的捆绑器(webpack)创建我的应用程序的js文件，其中包括构建中的所有样式和资产。例如，我正在为我的网格布局使用bootstrap，如果客户端站点的bootstrap版本与我的应用程序中的版本不同，我如何确保只将我的样式应用于我的小部件，而不中断客户端站点上的任何样式。

浏览 13提问于2019-05-02得票数 0

回答已采纳

4回答