React Universal将数据传递给组件

文章/答案/技术大牛

发布

1回答

React:如何有效地制作组件，使整个组件在道具更改时不会重新呈现？

javascript、reactjs、performance、optimization、rendering

此组件将成为插入具有适当样式和sideBar宽度的sideBar和页面的简单方法。如果一个支柱在content中发生变化，那么整个PageLayoutSideBar组件会重新呈现，这将重新呈现sideBar吗？我如何有效地制作这个组件，使整个组件不会重新呈现？如果一个支柱或数据在ComponentOne、ComponentTwo和/或ComponentThree中发生变化，我不希望重新呈现该ComponentTwo。PageLayoutSideBar.tsx // I

浏览 5提问于2021-03-15得票数 0

2回答

reactjs、react-router

我正在尝试通过React通用渲染将数据从服务器传递到客户端。但我现在很幸运。我仍然可以呈现html，但不能通过this.props.data访问数据// server.js match({from 'react';impor

浏览 15提问于2016-09-14得票数 1

1回答

当函数被用作私有方法时，我是否从useCallback获得任何性能增益？

reactjs、memoization、usecallback

React的useCallback钩子在将生成的(回传)函数传递给子组件时提供了性能增益，以避免不必要的重呈现。function Foo({numbers}) { re

浏览 2提问于2021-04-13得票数 1

回答已采纳

2回答

如何将数据从一个组件传递到另一个组件中，而不使用函数组件，而不需要重新呈现或jsx。

javascript、reactjs

我希望将数据从一个功能组件传递到另一个功能组件。但是，我不想呈现子组件。我只想把数据从一个组件传递到另一个组件。我怎样才能做到这一点？一定有办法这样做的。

浏览 6提问于2022-09-14得票数 0

1回答

为什么react窗口会在每个useState事件上重新呈现列表？

reactjs、react-window

我不明白为什么react窗口会在每个(所有) useState events上重新呈现列表，这些值甚至没有连接到列表本身。请有人解释一下，这是如何内部联系，我如何可以避免那些重新渲染？import { FixedSizeList, areEqual } from "react-window"; const Row = React.memo(pro

浏览 1提问于2021-10-07得票数 1

回答已采纳

1回答

即使useCallback违反了钩子的规则，它也能有条件地使用它吗？

javascript、reactjs、react-hooks

我试图找出一种方法，使能够通过指定特定的道具来回溯React 。例如，如果您使用React.memo -它基于所有的道具回传组件。我正在努力实现的是能够将特定的道具作为依赖项传递给一个util (比如说，SuperMemo)，并且这个组件将基于这些道具进行回传。这种方法非常类似于 --在导出之前组成组件。但是，对于我的情况，React.useCallback在条件条件下工作非常整洁，因为我知道运行

浏览 2提问于2019-05-07得票数 5

3回答

如何将useCallback钩子替换为useMemo？

reactjs、react-hooks、react-usememo、react-usecallback

我正在阅读这篇关于React回忆录的，我想知道如何翻译和使用useMemo而不是useCallback钩子。特别是在这个例子中：其中的子组件如下所示：export default React.memo(function Child({ name }) { console.log("Child component"

浏览 16提问于2022-05-02得票数 1

回答已采纳

1回答

react table:即使在用useEffect挂钩获取数据时，我也需要回忆录数据吗？

reactjs、asynchronous、react-hooks、memoization、react-table

在reason table docs示例中，表的输入数据是回传的，原因如下：反应表依赖于回忆录来确定何时状态和副作用应该更新或计算。这意味着，传递给useTable的每个选项都应该通过React.useMemo (对象)或React.useCallback (用于函数)记忆。如果我要从useEffect钩子中的服务器获取数据，并将其添加到组件的状态中，还需要使用useMemo回忆录吗？如果是这样的话，这个回忆录应该发生在useEffect内部还是外部？

浏览 4提问于2022-09-01得票数 0

回答已采纳

1回答

在字符串中为react-intl-universal使用react组件

reactjs、react-intl

尝试在i18n字符串中使用链接，但它无法正确读取链接组件。如何在react-intl-universal中包含react组件？语言json文件 "somekey": "some<Link to={ link } somewhere </Link>"javascript import { Link } from 'react-router

浏览 13提问于2018-09-18得票数 0

1回答

如何使用相同的按钮样式但不同的操作(ReactJs)

javascript、reactjs、react-router

这是Button的代码，import './Button.css';

浏览 2提问于2021-03-11得票数 0

2回答

Hook的useState初始值在回调中永不改变，这是回忆录

javascript、reactjs、react-hooks

在这个简单的示例中，我将使用useMemo回传子组件，并将回调传递给父函数以添加数据以响应钩子数组，该数组最初被设置为空。我的问题如下:为什么钩子数据从不改变，并将它的初始状态保存在回调函数中，这个回调函数来自于自述的Child组件。这是一个更普遍的问题，例如，如果数据总是具有初始状态，那么在回忆录子组件中检查回调函数中的重复值的最佳方法是什么？父组件： import React, {useEffect, useState} from

浏览 9提问于2020-05-18得票数 1

回答已采纳

5回答

React.useMemo不工作以防止重新呈现。

javascript、reactjs、typescript、react-hooks

我的理解是，我应该能够使用带有空依赖项数组的React.useMemo钩子来实现这一点。我被return修改为： <Fragment> <但是，ActivityFeedTitle组件仍然在Dashboard组件的每个呈现上重新呈现。编辑：使用React.memo仍然会导致同样的问题。我试着按以下方式回

浏览 1提问于2019-10-22得票数 4

2回答

如何让React HOC - High Order组件协同工作？

javascript、reactjs

我有一个小的表示组件，如下所示： return <ul> </ul>;然后我有三个HOC，我想用来装饰MyList：return class extends React.Componentdata={this.state.data} />;

浏览 0提问于2017-08-05得票数 8

回答已采纳

1回答

如何将函数作为道具从函数组件传递到类组件

reactjs、navigation、react-component

父组件是函数组件。它有一个箭头函数，可以导航到另一条路由。我想把这个箭头函数传递给一个子组件，它是一个类组件。但是我不知道为什么它看起来不工作，当我在类组件中使用它时，它不导航。也许我把道具传错了。父组件 let query = new URLSearchParamsMyEditorFunction'>

浏览 5提问于2022-07-19得票数 0

1回答

如何将道具传递给多个哑组件- redux / reactJs？

reactjs、redux

我使用下面的代码将数据传递给react组件。我正在尝试找出一种方法来将数据传递给多个哑巴react组件，但不确定如何实现。有人能告诉我如何将道具传递给多个react (哑巴)组件吗？import React, { Component } from 'react'; import { bind

浏览 1提问于2016-10-22得票数 1

1回答

当状态发生变化时，react本机总是呈现所有内容吗？

react-native、performance、expo、rendering、use-state

我想知道当状态改变时，是否只改变受状态影响的组件及其所有子组件，或者“该组件所在的整个函数(返回部分)”。

浏览 2提问于2021-04-09得票数 1

回答已采纳

2回答

如何对子组件作出forceUpdate()反应？

javascript、reactjs

我可以使用强制为父组件重新加载，但是如何为子组件重新加载？

浏览 2提问于2020-06-04得票数 7

回答已采纳

1回答

如何将回调函数从现有网页传递到React组件？

javascript、html、reactjs、typescript、frontend

假设我有一个React组件，里面有一个按钮，我想把这个组件集成到一个现有的网页中(不是用React构建的)。每次点击按钮时，我都想更改网页上的一些图像。我想以某种方式将一个回调传递给React组件，并在按钮被单击时调用该回调，这样当按钮被单击时，网页就可以决定它想要做什么。这个是可能的吗？如果是这样，我应该怎么做呢？如果这是不可能的，有什么替代方案？我是否可以通过某种方式从组件中引发一个事件，并让网页捕获它？我是前端开发的新手，所以如

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

1回答

何时使用React钩子

reactjs、usecallback

在下面的React组件中，我使用获取了更多的条目。在这里使用的确切目的是什么？在这种情况下使用这个方法好吗？

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

1回答

当状态更改时，在文本字段上响应onChange更新整个组件

reactjs、material-ui、react-hooks、react-state

我有一个功能组件，并使用react挂钩来管理状态。一旦我在onChange中添加了textField (在material中输入)，整个组件就会重新呈现，当我移除textField中的onChange时，它不会重新呈现。<Stats /> </Grid> );统计分量 import Reactfrom '<

浏览 3提问于2020-01-26得票数 2

回答已采纳

点击加载更多