react-component相关内容

无状态组件 React 路由器

我是 React 和 Redux 的新手，实际上我正在创建自己的代码，但我在无状态组件中遇到了类似路由器的问题. 所以，实际上我需要使用 this.props.history.push('/somepath') 路由到一个组件.这不会发生在无状态组件内部. 我的无状态组件是 从“react"导入React；//eslint-disable-line no-unused-vars导入“ ..
发布时间：2021-07-03 19:11:48 其他开发

ReactJs 上下文 - 如何用传入的状态替换当前组件状态

我正在尝试了解 ReactJs 上下文，并最终在显示状态名称和 countNumber 方面取得了一些进展. 然而，我仍在努力寻找如何替换当前状态，它在我的 formatCount() 函数中使用. 谁能告诉我在下面的示例中您将如何执行此操作? 我想在我的上下文中使用这个数字，例如5 在方法中，formatCount()，所以它类似于 formatCount() {const ..
发布时间：2021-07-03 19:11:45 前端开发

在本机反应中创建双向重复/循环无限滚动视图

我想创建一个不断重复的滚动条，即当我一直滚动到顶部时，我会到达最后一行，而当我滚动到底部时，我会再次到达第一行. 我尝试搜索相同的组件，但我能找到的最好的是这些 - react-native-infinite-scroll 和 this stackoverflow answer 但它们都只告诉我如何在到达 ScrollView 或 ListView 时加载更多数据结束. 解决方案 ..
发布时间：2021-07-03 19:11:42 其他开发

如何在 React.js 中向组件实例添加 props?

我想知道是否可以向组件实例添加新的 prop，组件实例如下所示: 直接修改组件实例可能是一种不好的做法，但我想知道是否可能. 解决方案 您可以使用 React.cloneElement 来做到这一点: const changeProp = (component) =>({React.cloneElement(组件，{someProp: { 值 }})}) React 文档参考 ..
发布时间：2021-07-03 19:11:39 其他开发

反应警告:函数作为反应孩子无效

我有这个反应组件.这不是正确渲染，而是收到诸如 之类的烦人警告 函数作为 React 子元素无效.如果您返回 Component 而不是从渲染中返回，则可能会发生这种情况.或者，您可能打算调用此函数而不是返回它. 这是我的组件.我在这里做错了什么? import React, { Component } from 'react';类 Squares 扩展组件 {构造函数(道具){超级( ..
发布时间：2021-07-03 19:11:36 前端开发

我应该在 React 中使用什么类型的组件:函数式组件还是类基组件?

令我困惑的是，函数式组件和基于类的组件现在都可以使用 State 和 Props 但在不同的实现中.我更喜欢基于类的组件，因为我是 angular 开发人员，我发现使用这些类型的组件更舒服.但是我搜索了这个，许多专家说最好尽可能多地使用功能组件. 我想知道当有人申请 React 开发人员职位时，这对科技公司是否真的很重要.他们会看这些东西吗?由于它们在实现上有很大不同...... 解决 ..
发布时间：2021-07-03 19:11:33 其他开发

如何在 index.html 以外的任何其他页面上呈现 React 组件

我用 创建了一个基本的 React 应用程序 npx create-react-app 我可以在 index.js 中创建组件，并且我可以将它们渲染到 index.html 中的元素. 然而，这是我也可以呈现它们的唯一页面，例如，我不能在 login.html 页面或除 index.html 我正在用 npm start 测试这个. 解决方案 React 通常用于单页面应 ..
发布时间：2021-07-03 19:11:21 其他开发

React 0.14 的无状态组件如何在没有 shouldComponentUpdate 的情况下提供性能改进?

自从我阅读关于 React 0.14 的发行说明(以及其他相关的炒作)以来，这个问题一直在我脑海中盘旋——我是 React 的忠实粉丝，我认为无状态组件(https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html#stateless-function-components) 是一个很好的想法，既可以方便编写此类组件，也 ..
发布时间：2021-07-03 19:11:18 其他开发

什么是 React 受控组件和非受控组件?

ReactJS 中什么是受控组件和非受控组件?它们之间有何不同? 解决方案 这与有状态的 DOM 组件(表单元素)有关，React 文档解释了区别: 受控组件 是一种获取其当前值的组件通过 props 并通过诸如 onChange 之类的回调通知更改.父组件通过处理回调和管理自己的状态并将新值作为道具传递给受控组件来“控制"它.您也可以将其称为“哑组件". 非受控组件是一种在内部存 ..
发布时间：2021-07-03 19:11:15 其他开发

自定义React组件样式被Material-UI样式覆盖

在以下位置的相关问题:由Material-UI样式覆盖的样式 我要在Material UI的顶部创建一个组件库.使用JSS，我希望能够将样式传递给我的自定义组件.但是，我遇到了Material-ui的根样式具有比我传递的更高的特异性的问题.我尝试使用 classes 语法覆盖material-ui组件的默认样式，但是它只是创建了另一个具有相似名称和更高特异性的类(makeStyles-roo ..
发布时间：2021-05-31 20:40:40 前端开发

在React Compoment中有条件地使用Gatsby链接

我有一个react组件，其中包含许多子组件.我想将这些子组件包装在锚标记中.现在，有时该锚标记将链接到一个子页面，而有时它将链接到一个外部页面. 现在，我是Gatsby，这意味着我是否使用 标签或 组件取决于我是否'm链接到内部页面( )或外部页面( ).详情请参阅此处: https://www.gatsbyjs.org/docs/gatsby-l ..
发布时间：2021-05-09 20:42:40 其他开发

使用setState获得太多重新渲染

我有一个下拉菜单，用于选择已验证，未验证和所有事件我目前正在实施已验证的事件部分当我使用setEvents更改事件的值时，我正在运行太多渲染错误 Event.js 从'../components/EventList'导入EventList从'react'导入React，{Component，useEffect，useState}从"../components/Selector"导入选择器； ..
发布时间：2021-05-06 20:35:28 前端开发

在React中构建可链接的过滤器组件?

构建可重复使用的，可链接的过滤器组件的最“反应"方式是什么? 假设我有一个输入数组: [{name:“通用T恤"，尺寸:"xxl"，可用:35}，{name:“通用T恤"，尺寸:"md"，可用:2}，{name:“通用T恤"，尺寸:"sm"，可用:5}，{名称:“真棒衬衫"，尺寸:"md"，可用:0}] 然后使用关键字搜索名称，下拉列表中的大小以及“已售完"布尔值复选框以了解可用性. ..
发布时间：2021-04-16 20:22:15 其他开发