2回答
我有两个组成部分。我的dashbord组件，其中我要分派getAllDropDownRessort，它在我的dropdownRessortSlice中触发findAll函数，而编辑组件，其中我要分派getDropdownRessort，它在同一片中触发findOne函数。当我调用编辑组件时，它不会结束呈现，告诉我它总是呈现findAll函数。谢谢你的帮助。
这是我的dashbord组件：
const DropdownRessorts = () => {
//bring in
const {dropdownRessort, isLoading, isError, message}
浏览 13提问于2022-05-13得票数 -1
1回答
当输入字段的值发生变化时，我希望更新firmDetail的值。为此，我从API中获取数据，并试图将从API检索到的值分配给useState中的useState。但是由于从API检索数据的延迟，导致了firmProfile中的空值问题。这是我的代码：
const UseApiFetch = (url) => {
const[data, setData]= useState(null);
const[isPending, setPending]= useState(true);
const[error, setError]= useState(null);
浏览 2提问于2021-06-04得票数 2
回答已采纳
我收到警告：Warning: Invalid DOM property 'for'. Did you mean 'htmlFor'?
在我使用'htmlFor'的每个地方，我都已经更改为'for'。但警告并没有消失。
我使用VS代码搜索“for=”的所有文件以及“htmlFor=”所在的所有结果。因此，我相信一切都是正确的，但警告仍然出现。
浏览 1提问于2022-04-01得票数 0
我有一个网站，是加载一个帮助表格在一个iFrame。10个输入有10个标签。其中8个有一个htmlFor和一类“控制标签”。其中一个有一个没有类名的htmlFor。其中一个类名为“control-label”，没有htmlFor。
我需要使用JavaScript来获取最后一个标签并添加一个htmlFor。然而，我无法抓住它。
var labels = document.getElementsByTagName('label')
这将返回一个包含9个标签的htmlFor，这些标签都有htmlFor。它不包括没有htmlFor的第10个标签。但是，如果我跑：
console.lo
浏览 2提问于2020-10-21得票数 0
回答已采纳
htmlFor没有用label隐藏输入字段。也许有人能告诉我，我做错了什么？
我的代码：
<input name="tes" id="tes" type="file" className="inputfile" />
<label htmlFor="tes">
<span>Upload</span>
</label>
浏览 0提问于2018-10-16得票数 1
回答已采纳
我知道我们可以在JSX元素中传递动态更改的道具，如下所示：
<label htmlFor={dynamicId}/>
我们可以传递这样的静态值：
<label htmlFor="staticId"/>
但以下几点呢？
<label htmlFor={'staticId'}/>
最后一行是否存在(虽然较小)性能开销(每次呈现时都有内部反应缓存机制/新字符串)？最后一行代码是一种糟糕的实践，还是根本不重要？
浏览 0提问于2018-04-26得票数 2
回答已采纳
因此，我试图在另一个组件中嵌套一个TypeScript React组件，但是它会抱怨类型。它似乎想让我把我所有的道具添加到父界面中？
是否有一种不需要在子组件接口中列出我的所有类型，但也必须将这些类型添加到父组件接口中的方法？
注意:在下面的示例中，我正在使用样式化的组件
interface IField {
children: React.ReactNode
}
export function Field({ children, htmlFor, label, required, ...props }: IField) {
return (
<FormField {.
浏览 1提问于2020-02-14得票数 1
回答已采纳
我的代码来处理多输入
import React, { useState } from 'react';
import "./QueryToParameter.css";
const [parameters, setParameter] = useState([]);
const onQueryChange = (e) => {
const { name, value } = e.target;
setParameter(prevState => ({
浏览 1提问于2021-09-30得票数 1
2回答
我正在尝试在react中执行条件呈现，但没有工作。
这就是我的职责：
populateBodyInstallationsEdition() {
letshow = null;
console.log(this.state.installations);
for (let i = 0; i < this.state.IdInstallGroup.length; i++) {
for (let j = 0; j < this.state.installations.length; j++) {
console.log(this.sta
浏览 1提问于2019-12-19得票数 0
回答已采纳
我试着运行示例代码。
<form onSubmit={values => console.log("========>", values)}>
<div>
<label htmlFor="firstName">First Nameeee</label>
<Field name="firstName" component="Input" type="text"/>
</div>
<
浏览 5提问于2016-09-19得票数 2
回答已采纳
2回答
我有Tabs组件。在此内部，我使用具有输入字段的Tab组件。当我移到另一个选项卡时，输入字段值将被更改。我注意到了下面的截图.
在这里，我把'xxx‘作为名称输入字段。
，然后我移到了第二个选项卡。现在，username inputfield显示'xxx‘，其中第一个选项卡的名称输入字段值。
我的代码是：
const [name, setName] = useState('');
const [GSTIN, setGSTIN] = useState('');
const [address, setAddress] = useState('
浏览 4提问于2021-05-22得票数 0
回答已采纳
1回答
我需要用钩子控制所有的复选框
父母代码
const Filter = () => {
const [isChecked, setIsChecked] = useState({
all: false,
without: false,
one: false,
two: false,
three: false,
})
const handleChange = ({ target : { name, checked } }) => {
setIsChecked({
...isChecked,
[na
浏览 4提问于2020-09-02得票数 1
回答已采纳
1回答
你好，我有一个问题，因为我决定使用'useReducer‘钩子来处理表单中的多个输入。我的部件如下所示。正如我们所看到的，有一个重复的代码。对于每个输入，我想要修复的是'isValid‘。它是否可能处理这个或这是可以重复这段代码。我不专业，我只是学习反应，你知道，每个人都告诉我枯燥的原则。
const initialReducerValue = {
name: '',
lastName: '',
phoneNumber: '',
city: '',
street: '
浏览 5提问于2022-01-14得票数 1
我的问题有点复杂，我正在构建一个与旅行相关的web应用程序，用户可以在其中预订旅行。所以我做了一个函数，当用户点击+符号时，增加旅行者的数量。当调用此函数时，它会更改状态，并触发另一个函数，该函数将显示表单以填写旅行者详细信息。现在，这个表单是根据旅行者的数量来呈现的。如何在一个对象数组中设置该数据？
这里有一个截图指南：
我希望数据处于这样的状态：
travelersDetail: [{firstName: 'Farrukh', lastName:'Ayaz', address:'...', city:'Lahore'
浏览 0提问于2021-06-14得票数 1
回答已采纳
我读过需要添加htmlFor来修复这个错误，但是即使有了这段代码，ESlint也会给出一个错误。我怎么才能解决这个问题？
<input readOnly type="radio" name="slider-2" id="s1-2" checked />
<input readOnly type="radio" name="slider-2" id="s2-2" />
<input readOnly type="ra
浏览 3提问于2022-06-14得票数 0
1回答
当需要的道具是真的，我希望*在儿童的末尾是红色的。下面的当前代码是打印出“Label Component*”。在更改之前，我让它{required？‘${ children} *：children}并且它工作了，除了*是默认的黑色。我所要做的就是把它变成红色*并面对困难。我做错什么了？
import * as React from "react";
export interface ILabelProps {
weight?: "normal" | "bold";
htmlFor?: string;
children?: React
浏览 6提问于2022-02-08得票数 -2
我正面临一个与复选框有关的问题，我将清楚地解释这个问题，以及我尝试了什么。我有四个复选框，如果我选择两个复选框并提交表单，我将得到两个复选框值，如这个HTML、CSS.现在，问题是，再次如果我选择另外两个复选框，那么前面选择的值将被添加到像这个HTML、CSS、HTML、CSS这样的新数组中，然后继续这样做。HTML，CSS，HTML，CSS这是问题所在，它不应该添加到前面的数组中.我在这里被击中了，能不能有人帮我.
这是HTML部分
<div className="mb-3">
<label className="mb-2 fw-bold"
浏览 0提问于2021-09-05得票数 0
回答已采纳
2回答
<br />
<input type='radio' name='delivery_stat' id='delivery' ></input>
<label htmlFor="pending" >Pending delivery</label>
<br />
<input type='radio' name='d
浏览 14提问于2022-05-07得票数 0
回答已采纳
在React项目中，我有一些单选按钮，其中一个是默认选中的。当选择其他按钮时，它再次被触发。有什么办法可以避免吗？以下是提高计算效率的代码
<div className="form-check">
<input
type="radio"
name="exampleRadios"
id="exampleRadios1"
value="option1"
checked
/
浏览 5提问于2022-07-14得票数 0
1回答
我有一个react组件--它在更新的表单输入上有一个_handleInputChange的方法，并将更改添加到状态。我正在尝试添加一个_calculatePrice，顾名思义，它计算预订价格。我试图让它显示给用户，这样当输入字段发生变化时，价格变化就会被反映出来。
我很难弄清楚如何正确地执行这一任务--我想这是因为缺乏对生命周期反应的知识，我读过文档并在堆栈上搜索了几个问题，然而，答案似乎是在回避我。当_calculatePrice方法更新状态值时，所包含的示例会被困在循环中，然后状态值再次调用自己。
任何帮助都将不胜感激。
谢谢
Form.jsx
import React, { Compon
浏览 0提问于2018-02-02得票数 0
回答已采纳
我在表单中使用mvc3剃刀，我使用以下代码：
@Html.ValidationMessage(Model.SMF_Name)
它不工作是因为它渲染
<span class="field-validation-error" data-valmsg-for="About" data-valmsg-replace="true">
<span htmlfor="About" generated="true" class="">Please fill this field.</s
浏览 0提问于2011-05-05得票数 0
回答已采纳
4回答
我已经做了一个关于蜘蛛饮料定价的反应应用程序，我想在这些选项之间添加间隔(如名称、价格、数量等。请参阅下图以获得澄清)。使用CSS。
有办法这样做吗？
我的React图片：
谢谢!
编辑：
下面是我的add-rendient.css和add-redient.jsx文件中的代码：
.style-up {
padding: 1.5rem;
}
import React from 'react'
import './add-ingredient.css'
const AddIngredient = () => {
return(
浏览 0提问于2018-08-22得票数 0
回答已采纳
我所有的静态复选框，在其中，我想要捕获选定的座位号码到一个数组。以下是代码
<ul className="st_eco_second_row">
<li> <span>Pay Rs.790.00</span>
<input type="checkbox" id="c8" name="cb" />
<label htmlFor="c8"
浏览 1提问于2022-05-18得票数 0
回答已采纳
1回答
我是MaterialUI的新手，所以它可能很简单。
我有这样的代码：
<Container>
<FormControl>
<FormGroup>
<InputLabel htmlFor="email">Email address</InputLabel>
<Input id="email" />
</FormGroup>
<FormGroup>
<
浏览 6提问于2021-03-03得票数 0
回答已采纳
1回答
我是新的反应和Redux，我一直试图做一个CRUD应用，以便我可以实践的技术。该应用程序的目的是将联系人添加到列表中，编辑联系人或删除联系人，所有这些都是使用firebase作为后端的。
到目前为止，我可以将表单组件(NewContact.js)中的联系人添加到firebase (使用Thunk作为中间件)，并将其呈现给a组件(Contact.js)。
现在，我想要做的是，当我点击编辑图标时，我应该将EditContact组件上的特定联系人信息作为表单进行编辑，然后将更新提交到firebase。
下面是NewContact.js组件的代码：
import React, { Component
浏览 2提问于2020-08-11得票数 0
1回答
因此，我是新的反应，我目前正在工作的形式。首先，这是我写的全部代码：
const [optionGender, setOptionGender] = useState({value: '', label: ''});
const options = [
{value: 'male', label:'male'},
{value: 'female', label: 'female'}
]
return (
<>
<h3>
浏览 4提问于2021-11-27得票数 0
1回答
我正在使用ReactJs、MongoDB和Express编写我的第一个应用程序。我的问题是，我正在发送一个带有某些数据的axios请求，然而，在用户模型中并不是所有的数据都在更新。下面是我的代码：
带有axios请求的前端代码：
import axios from "axios"
import { useState } from "react"
import { useDispatch, useSelector } from "react-redux"
import { changeAddress, changeError, changeNatI
浏览 21提问于2021-05-16得票数 0
回答已采纳
我是react的初学者，正在开发一个可以管理联系人的应用程序，每当我想要添加联系人时，我都会遇到这个错误。这就是代码的样子；从‘react’导入React，{ Component }；从‘./ Navbar’导入导航栏； 类AddContact扩展了React.Component { state = {
firstName: '',
lastName: '',
email: '',
phone: '',
balance: ''
浏览 7提问于2020-10-07得票数 0
我需要帮助动态创建上传按钮。 我已经创建了一个函数来为按钮创建input和label元素，并使用CSS格式化标签，以便在隐藏主input元素的同时单击标签以打开上传文件对话框窗口。 当我取笑这个函数时，它成功地生成了一个upload按钮，第一个按钮工作正常，但是因为label的htmlfor标记正在寻找唯一的id，所以我似乎不能动态地创建更多的upload按钮。 我曾尝试用label.htmlFor = label.previousElementSibling;替换htmlFor id，但不起作用。 这就是我所拥有的： function addButton() {
var upload =
浏览 13提问于2020-01-18得票数 0
回答已采纳
组件发送器的代码最终将一个值赋给一个名为“PlayerNumber”的空变量。最后，它会更新一个模拟状态，这样主组件就会被强制更新，至少我是这么认为的。尽管发送器变量正确更新，但PlayerNumber组件仍然显示在主组件中。 这是PlayerNumber组件代码： const PlayerNumber = () => {
const [radio, setRadio] = useState(null)
const [garbage, setGarbage] = useState(0)
return (
<div>
<div>
浏览 30提问于2021-09-14得票数 0
回答已采纳
1回答
我想在刷新页面时保持复选框的位置，如下图所示。
下面是我的代码：
<div className='checkboxTransaction ml-2'>
<input
id='radio1'
name='radio'
type='radio'
defaultChecked={true}
value='waiting'
/>
<label htmlFor='
浏览 11提问于2020-02-20得票数 0
我试图得到收音机的价值onChange，但它给我带来了错误：
未定义TypeError:无法读取未定义属性的“目标”
以下是代码：
<input className="tab-input" value="a" id="tab1" type="radio" name="tabs" onChange={() => this.handleTabChange()} />
<label className="tab-label" htmlFor="tab1"&g
浏览 2提问于2017-10-19得票数 0
回答已采纳
我有这样的组成部分：
// @flow
import React, { Element } from 'react';
import styles from './Label.scss';
import cs from 'classnames';
export const Label = ({
id,
htmlFor,
invalid,
required,
children
}: {
id: string,
htmlFor: string,
invalid: boolean,
required: boolea
浏览 6提问于2017-07-06得票数 6
我使用{ useReducer }来管理窗体的状态。但是我有两个独立的处理程序
handleChange() =用于输入更改，(这一项按预期工作)
const handleChange = async (e) => {
dispatch({field: e.target.name, value: e.target.value});
}
UploadFile() =用于上传图像，(本例不更新图像/状态)
const uploadFile = async (e) => {
console.log('Uploading fi
浏览 1提问于2020-05-17得票数 0
回答已采纳
"1、在react中有个form表单，包含text,radio和file,可是js代码创建formDate时获取不到file的信息，请问该怎么去获取。
2、代码如下：
render的代码：
<form ref="addForm" className="addForm" id="addForm" enctype="multipart/form-data" method="post">
<div className="formType&#
浏览 486提问于2017-11-24
我尝试在两个单选按钮上使用state，这两个单选按钮在您选择每个按钮时呈现不同的表单，但是当我尝试添加一个map来咨询地址时，出现了这个无效的钩子调用，我不知道如何解决这个问题。下面是代码
const Pointer = () => (
<img id="pointer" alt="ícone localização" src={pinterIcon} alt="Pointer" />
)
const [mask, setMask] = useState('999.999.999
浏览 4提问于2021-02-05得票数 0
1回答
在我的React中，我从api中获取数据，并列出主页中的所有帖子，因此我的意图是创建一个函数，对该帖子进行星级评级。因此，我正在映射所有的帖子，并将post信息传递给Rate组件，使用ratePost操作，我对帖子进行评级。
动作
export const ratePost = (rate, postId) => dispatch => {
const config = {
withCredentials: true
}
const sRate = parseInt(rate, 10)
const body = JSON.stri
浏览 0提问于2020-09-14得票数 0
回答已采纳
我是个新手。我正在尝试用react在asp.net中创建一个表单。在mvc asp.net中将表单数据从reactjs发送到控制器时，数据不会被传递。我已经在下面分享了我的代码。请让我知道我必须进行哪些更改才能使其正常工作。
控制器：
[Route("InputEmployee")]
public void InputEmployee([FromBody]EmployeeTable Employee)
{
db.EmployeeTables.Add(Employee);
db.Sav
浏览 1提问于2017-11-16得票数 2
我有一个标签，它的值来自数组。我想用这个名字作为我的标签。下面是这方面的代码。
<label htmlFor={name}><b>{ name }</b> </label>
如何将其转换为小写，并移除两者之间的空格，以便在html中具有正确的id。我看起来有点像下面的样子。
<label htmlFor={name}.trim().toLowerCase()><b>{ name }</b> </label>
浏览 1提问于2020-04-01得票数 0
回答已采纳
2回答
在反应中所需的表格
、、、
在我的表单中有需要的部分，我也想在点击提交按钮后发送成功的文本。但问题在这里，当我点击提交按钮，它显示成功的文本，无论形式是否正确。你能帮我吗？我是初学者:)
我在这里的反应代码
import React, { Component } from "react";
export default class Form extends Component {
state = {
name: "",
surname: "",
phone: "",
email: "",
comm
浏览 9提问于2022-05-04得票数 1
3回答
我的期望是根据用户输入的值计算总价。总价格取决于"ToopingPrice“、”大小“和”质量“。在我的代码中，总价格是不计算的。考虑到我仍然是反应方面的初学者。
const [quantity, setQuentity] = useState(1)
const [size, setSize] = useState('medium')
const [sizePrice, setSizePrice] = useState(product.mediumPrice)
const [topping, setTopping] = useState('non
浏览 4提问于2021-10-04得票数 0
回答已采纳
我试图在选择select选项后显示输入字段，但它们只单独出现 我所做的只是单独显示每个字段"C“，但当您选择字段3时，"C”1、2和3将出现 import React, {useState} from 'react';
function Calculo() {
const [taxa, settaxa] = useState('');
const [custos, setcustos] = useState('');
const [FC1, setFC1] = useState('');
c
浏览 89提问于2021-11-02得票数 1
在下面的代码中，我试图从API调用的响应中填充下拉列表的选项标记。不知道为什么它不显示，因为当我在浏览器中检查调试器时，它肯定是命中端点，我得到的只是一个空的下拉列表。
我的组件代码：
interface ExpensesState {
date: Date;
isLoading: Boolean;
expenses: ICategory[];
categories: ICategory[];
}
const Expenses: React.FC = () => {
const [state, setState] = useState<ExpensesStat
浏览 2提问于2020-05-05得票数 1
回答已采纳
我希望在登录/注册表单上对不同的输入字段具有唯一的输入值。当前，每当我在登录表单上输入字段时，相同的值出现在相应字段(用户名和密码)的寄存器表单中。我尝试过通过CSS移动输入，因此它们在每个表单上都不是对齐的，但这并没有帮助。下面是我的代码：
import React, { useState } from 'react';
export default function App() {
const [ showRegisterForm, setShowRegisterForm ] = useState(false);
function handleOnClick()
浏览 5提问于2022-07-11得票数 0
回答已采纳
我有一个表单组件，我提交了该组件，然后希望在提交后将数据传递给函数，但是我会收到一条空白警告消息。
以下是代码：
import React, { Component } from 'react';
class SubmitForm extends Component {
constructor() {
super();
this.state = {title: ''};
this.handleSubmit = this.handleSubmit.bind(this);
}
handleSubmit(event) {
浏览 6提问于2017-04-25得票数 0
回答已采纳
我有以下代码： const SomeComponent = () => {
return (
<div>
<label className={styles.label} htmlFor="firstName">
First Name
</label>
<input type="text" id="firstName" value={user.firstName} />
浏览 22提问于2021-04-05得票数 1
回答已采纳
1回答
我一直在尝试制作一个窗体，根据开关按钮，呈现一个或两个不同的输入。我的代码如下所示： const Test = () => {
const [switchButton, setSwitch] = React.useState(true)
const handleSwitch = () => {setstate(!switchButton)}
return <>
<Switch checked={switchButton} onClick={() => handleSwitch} />
{!switchButton ?
<
浏览 22提问于2021-10-21得票数 1
回答已采纳
我有一个流错误(见下文)，这对我来说毫无意义。首先，这段代码是在前面传递的，除了删除所有不必要的JSX大括号外，我没有做任何更改。这里显示的所有组件都接受react Node作为子节点，所以可以作为react节点的任何东西都可以使用。我不明白flow想说的是什么。__是一个返回字符串的函数，其他所有东西都是JSX标记。
NewInputLabel代码不包括对所提供的任何“案例”的引用。
import type { translator } from 'components/polyglotProvider'
import polyglotProvider from 'c
浏览 0提问于2020-07-24得票数 1
我有以下组件显示测验的选项，当用户选择一个值时，我想传递在"handleNext“中选择的"item.id”，no código abaixo aparece o seguinte erro： Uncaught ReferenceError: item is not defined 代码： render () {
return (
<UserContext.Provider value={this.state}>
<UserContext.Consumer>
{({ cur
浏览 2提问于2019-02-03得票数 0
回答已采纳
我有相当标准的反应材料UI网格与InputLabel和输入放在水平行。守则是：
const Container = (props) => <Grid container {...props} />;
const Item = (props) => <Grid item xs={1} {...props} />;
const ContainerItem = (props) => <Grid container item {...props} />;
function App() {
return (
<div>
浏览 3提问于2021-06-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
