reactjs相关内容

Reaction/Redux Redux-Form预填充待更新的表单

我正在尝试使用redux-form库预先填充一个表单。我现在遇到的问题是,当单击Edit Item按钮时,item.id能够从Items或Item组件传递到List。这样,我就可以根据listItems数组检查它,并获取它的数据来填充表单。但在此之前,我创建了一个函数populateForm来尝试redux-form的dispatch/initialize函数用于“populating”表单。它可 ..
发布时间:2022-09-03 16:54:27 其他开发

如何在Reaction应用程序中检测页面上任何位置的按键?

我正在尝试在使用Reaction构建的应用程序中检测页面上任何位置的按键。 我记得在jQuery中很容易,但我想看看是否可以在Reaction中完成。我不想做一个‘科学怪人’项目,也就是说,如果完全可以避免的话,在Reaction中有一些部分,在jQuery中有一些部分。 到目前为止: export default function App() { const handl ..
发布时间:2022-08-28 18:01:08 前端开发

CSS图像缩放到填充?

我有一个网站,上面有完整的视窗图片,如 背景图像占据了导航栏下的整个容器。 我想让它在移动设备上,当我查看图像时,它会被放大/居中,这样图像就不会扭曲,而且我仍然可以看到其中的一些作为背景...我可能没有正确地解释它,我对设计不是很流利,但我认为这个样机不言而喻 红色表示原始图像边界,蓝色表示移动视区。我希望图像在移动设备上被裁剪/缩放。如何使用css来实现这一点?谢谢 编 ..
发布时间:2022-08-26 10:02:24 前端开发

道具验证中缺少

我对此代码使用Linter. import React, { Component } from 'react'; import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; import PropTypes from 'prop-types'; export default class Sumo ext ..
发布时间:2022-08-24 15:05:50 其他开发

反应按钮单击隐藏和显示组件

我有一个显示和隐藏文本的切换按钮。当该按钮被单击时,我希望它隐藏另一个组件,如果再次单击,它将显示该组件。 我已在此处创建了一个epl: https://repl.it/repls/DapperExtrasmallOpposites 我想保留原始的显示/隐藏文本,但我还想在单击按钮时隐藏另一个组件。 如何传递该状态,或者如何创建IF语句/三元运算符以测试它是处于显示状态还是 ..
发布时间:2022-08-24 14:54:09 其他开发

在Reaction中将数据加载到子组件时出现问题

我正在构建一个图库,您在其中单击图像,它将使用道具加载到一个单独的组件中,该图像是一个URL,取自硬编码的数组,其中src通过css作为背景图像加载。我面临的挑战是将数据连接到该组件。我试着用回调将数据从父母连接到孩子,但没有成功。我想我想做的是横向连接组件,我不想使用REDUX,因为我不熟悉。 注意:我知道您可以使用window.location.href = "props.src/"将图 ..
发布时间:2022-08-24 14:44:02 前端开发

如何在Reaction Js中更改道具值?

以下是下面的代码,现在我想要更改同一组件中的名称的值? 我如何实现这一点?? render(){ return( {this.props.name} ) } 推荐答案 道具不应在Reaction中更改,它们是readonly。在父组件中更新它们,然后将它们作为新值传递下去。接收它们的组件应该只是显示它们,并且逻辑处理应该在更高的级别上进行 ..
发布时间:2022-08-24 14:36:48 其他开发

如何在数组的.map中调用函数?

我正在通过道具传递一个函数,该函数用大写字母表示要映射的一些项。我在item.creator的项部分收到一个错误。我只是想知道为什么我会收到这个错误,而不能直接调用映射内部的函数。感谢您的帮助。 错误消息为行分析错误:意外标记,应为“,”。 父组件 export default function MainContent() { const techContent = useS ..
发布时间:2022-08-24 14:28:26 前端开发

将道具从Reaction中的嵌套数组传递给组件

我有一个如下所示的嵌套数组。手风琴应按编号显示。数组,折叠式摘要将包含详细信息‘TITLE’、‘TotalPrice’。而Accordion详细信息将包含‘子内容’、‘字幕’和‘字幕价格’。 let summaryContents: any[] = [ { Title: "Construction costs", TotalPrice: "$25000", Subcontents ..

如何通过另一个组件中的道具访问函数

我有两个组件Checkout.js和Checklist.js 我已经设法将数据从表单检查表传递到结账,但我有一个从结账中删除项目的功能,但我不知道如何通过道具访问它。 如何访问Check Out组件中的emoveFood函数 我的核对表.js import React from 'react'; import './componentStyle.css'; function CheckLis ..
发布时间:2022-08-24 14:16:37 其他开发

您能对Reaction组件的数组进行排序吗?访问Reaction组件网络的信息

我尝试按日期对帖子数组进行排序--但我不知道如何访问该日期,因为该数组是Reaction组件的列表,而不是对象。以下是代码现在的工作方式... 用户搜索‘band’并创建一个包含所有band对象的数组。每个band对象在band.post中都有一组帖子。因此,为了获得所有频段中的所有帖子,我通过所有频段映射,然后对于每个频段,我通过其所有帖子进行映射。然后,每个POST都会通过函数‘Conv ..
发布时间:2022-08-24 14:01:44 其他开发

反应道具即使在我不使用道具的情况下也在更新

我使用创建-反应-应用程序模板创建了一个项目。我正在尝试从JSON文件导入数据并将其作为道具发送到TODOS组件文件,但我没有将其用作TODOS文件中的道具,但当我使用应用程序组件中的添加按钮更新文件时,它会更新TODO列表。我不明白它为什么要这么做。如果有人能解释一下发生了什么事,那将是一个很大的帮助。 这是app.js文件 import { Component } from 're ..
发布时间:2022-08-24 13:51:46 前端开发

当我改变状态时,道具也会改变

我了解到,在Reaction组件中,状态可以更改,而道具不能,除非父组件更改它们。很容易理解。所以,现在我尝试创建一个带有数组的父组件,将其传递给子组件,并将其赋值给State。为了更好地理解这个问题,我添加了另一个道具: import React from "react"; export default function Parent() { return ..
发布时间:2022-08-24 13:25:52 其他开发