将react属性传递给组件并显示

文章/答案/技术大牛

发布

1回答

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

javascript、reactjs、performance、optimization、rendering

My Concern问题// Imports: Dependenci

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

1回答

reactjs、components、react-props、react-component

我被要求创建一个名为DishDetailComponent.js的react组件，它将显示一个菜(一个菜)，其中有一个图像，标题和关于菜的一些描述，这个组件将从显示所有菜的组件中调用，当用户单击其中一个菜时，DishDetailComponent将被调用并传递一些道具(选定的菜)，因此它将显示菜的图像，标题和菜描述。以下是文件：import React, { Component } from 'rea

浏览 8提问于2020-05-22得票数 0

回答已采纳

2回答

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

javascript、reactjs

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

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

回答已采纳

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钩子

reactjs、usecallback

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

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

1回答

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

javascript、reactjs、react-hooks

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

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

1回答

如何防止依赖于回忆录父组件状态的子组件中的不可缺少的重选器

javascript、reactjs、react-hooks、react-lifecycle

App具有计算回传值的状态，该值作为道具传递给Option。当状态由于传递给Option的回调而发生变化时，App将被重新命名，从而导致我正在寻找一种使用React和状态管理的模式，该模式只允许重新设置两个Option--一个是取消选举的，因为它的isSelected属性从true变为false，另一个是被选中的，因为它的isSelected属性从false变为true我不明白为什么其

浏览 5提问于2022-03-30得票数 0

回答已采纳

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窗口会在每个useState事件上重新呈现列表？

reactjs、react-window

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

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

回答已采纳

1回答

react-native:自定义组件将组件作为属性传递

react-native、react-native-text

我正在尝试扩展react-native TextInput (RCTTextField/RCTTextFieldManager)，我可以将react组件(例如<Picker >...</Picker>)作为属性(例如input)传递，该属性将被设置为UITextInput的inputView属性。我希望能够将react组件作为属性传递给本

浏览 7提问于2016-06-05得票数 1

1回答

当道具通过react-redux连接函数时，WebStorm会突出显示React组件

reactjs、redux、webstorm、react-redux

我有一个容器组件：import { connect } from 'react-redux';} 所以我通过connect将属性传递给这个组件

浏览 4提问于2017-02-16得票数 6

回答已采纳

1回答

无法将className或style之类的属性传递给自定义组件的属性

reactjs、react-props、react-functional-component

我正在努力创建一个对TypeScript友好的NPM包，但是在将常见的HTML属性作为道具(如className和style )传递给组件时遇到了麻烦。我希望不必通过扩展所有所需属性的接口来手动将每个属性添加到我的道具列表中。我的简化组件如下所示： import React, { Key, ReactElement } from "react"; interface MyComponentPro

浏览 39提问于2020-12-26得票数 3

回答已采纳

1回答

道具在传递给基于子类的组件时为空，而在使用功能组件时填充

reactjs、react-props、react-component

当我的子组件是一个基于类的组件时，似乎没有将属性传递给子组件。这是我的父组件： state = {screenings: [] }; class ScrTest extends React.Component{ return (

浏览 0提问于2020-02-10得票数 0

2回答

React Native - Image组件不接受源URI属性的变量

javascript、react-native、react-native-ios、react-native-flatlist

父组件将通过数据库调用接收到的数据传递给子组件。我要呈现的子组件的代码如下：import { Image, View, Text } from 'react-native属性是否存在。一切都表明这个URL (即image属性)已经存在于数据库调用中。顺便说一句，我最初使用的是react-

浏览 0提问于2017-11-28得票数 5

1回答

嵌套反应组件可以有不同的道具吗？

reactjs

我是react.js新手，我刚开始读一本书，它展示了嵌套的组件，并展示了如何将属性传递给子元素。这就是例子。var GreetingComponent = React.createClass({ return <div>Hello {this.props.name('container')); 正如书中所说的，“从GenericComponent上的顶级属性开始，您可以使

浏览 3提问于2016-05-08得票数 1

回答已采纳

1回答

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

javascript、html、reactjs、typescript、frontend

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

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

2回答

图表不会在状态更改时呈现

javascript、react-native

我正在测试react-native，并且我正在尝试创建一个简单的lineChart，它可以根据属性的变化重新绘制。我有一个父组件HomeScreen，它将整数数组作为属性传递给LineChart子组件。但是，LineChart永远不会绘制。我在react-devtools中检查了state和pro

浏览 0提问于2019-03-30得票数 1

2回答

根据路由切换React组件属性

reactjs、react-router

我正在做我的第一个React项目，我有点纠结于如何处理这种情况。export default class App extends React.Component { return (theme属性( light、dark和solid之一)。我想从路由呈现的组件内部更改此属性。我目前的想法是向App组件</e

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

1回答

为什么道具没有注入组件？

reactjs、react-redux

尝试构建一个todo应用程序并拥有如下容器组件：import PropTypes from 'prop-types'static propTypes = { }“无状态”组件输入如下所示： import React fro

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

回答已采纳

点击加载更多

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