触发器react select onchange

文章/答案/技术大牛

发布

1回答

对选择字段(下拉)的Yup验证--反应钩子形式不起作用

javascript、reactjs、react-hooks、yup、react-hook-form

iam在ReactJs中是新的，所以我正在使用ReactJs钩子表单和Yup模式验证，我需要验证我的“选择字段”，当我的“选择字段”onChange时，我需要做一些事情。但是模式验证不起作用。import React from "react";import { useForm } from "react-hook-form() { register,

浏览 1提问于2021-06-19得票数 6

回答已采纳

1回答

javascript、reactjs、onchange、onselect

在react的选择字段上触发onchange的最佳方式是什么？不幸的是，我不得不使用普通的javascript来以编程方式格式化和设置值，但这不会触发React事件。假设我想通过document.querySelector(selector).value = value;手动设置select的值，如何触发onchange事件？编辑:澄清问题

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

1回答

React Chakra-UI滑块返回未定义的onChange

reactjs、typescript

我正在尝试在react typescript项目中使用Chakra-UI中的Slider。但是，当我滑动滑块时，onChange触发器返回undefined而不是Numer值。import React, { useState } from 'react' import { Select, FormControl, FormLabel, Slider, SliderThumb,SliderFilledTrack, Stack, Button } from "@

浏览 29提问于2020-09-18得票数 0

回答已采纳

1回答

您是想使用React.forwardRef()吗？

reactjs、typescript、antd

我试图在React、类型记录和ant上创建功能组件。但是，当我创建子组件时，我会发出警告--“函数组件不能给出参考。访问这个引用的尝试将失败。您是想使用React.forwardRef()吗？”CreateCounterpartyComponent：Custo

浏览 7提问于2020-01-25得票数 1

1回答

反应-选择:我们是否也需要CSS来显示一个正常的选择列表？

reactjs、react-select

import Select from 'react-select; console.log("Value Changed"); var Select = require('react-select');Singapore&#x

浏览 0提问于2017-07-25得票数 0

回答已采纳

4回答

当在reactjs中根据选择选项值设置值时，react-钩子形式没有得到值。

reactjs、react-hook-form

; setInputs1(value);<form onSubmit={handleSubmit(onSubmit)}> required: "password is required." value={inputs} onChange<option value="customerID"&g

浏览 12提问于2022-11-22得票数 1

回答已采纳

1回答

onChange回调未在React组件中触发

javascript、jquery、reactjs

我必须在componentDidMount()中添加onChange侦听器的原因是因为我使用的是MaterializeCSS，它将select标记转换为ul。);下面是整个组件的代码，如果它有帮助的话：import ReactDOM from 'react-dom'; constructor

浏览 3提问于2015-11-01得票数 4

2回答

React -当值具有不同的类型(不总是e.target.value)时，如何在更改事件中将多个输入值传递给子事件？

javascript、reactjs

我有多个输入字段和1个react-select下拉字段。我在父组件中创建了一个方法，该方法用来自输入的值设置状态，并将其向下传递给应该调用该方法的子组件。我的问题是react-select不接受值，而是像这样的对象：因此，通常我的onChange事件处理程序中的函数将如下所示(当传递多个值时然而，虽然我的输入字段采用：我的select

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

5回答

ReactJS:如何在redux字段中包装redux-select？

reactjs、redux、redux-form、react-bootstrap、react-select

下面提到的代码可以很好地工作，当我使用默认的<Select>从react select。我可以从下拉列表中选择值，即使焦点突出，值也会被选中，值将保持不变。} id="sampleEX" options={options} />一起使用的原因import Select from 'react-selectname=&qu

浏览 4提问于2017-03-07得票数 15

1回答

根据react-select中联合类型中的类型顺序而发生的Typescript错误

typescript、react-select

我正在使用react-select(www.react-select.com)和TypeScript，并且在使用options prop时出现奇怪的错误。考虑下面的代码： import * as React from "react"; GroupedOptionsType,} from"react-select"; type

浏览 19提问于2020-01-15得票数 5

1回答

如何在模糊上触发React-hook-form控制器验证？

javascript、reactjs、react-hooks、react-hook-form

以下是我的代码：import React from 'react'; let optionList = null; if(props.opt

浏览 22提问于2020-05-07得票数 1

回答已采纳

2回答

如何格式化的值

reactjs、react-select、react-final-form

以下一种格式反应select要求选项： { value: 'chocolate', label: 'Chocolate' },我想做的是：创建了一个包装器，用于在设置(很简单)和表单从该字段获得值时(我不知道该如何做)时在那里响应<

浏览 2提问于2019-11-01得票数 3

回答已采纳

1回答

react-admin保存自定义组件中的数据

javascript、reactjs、components、react-admin

我是JS和React的新手。我的目标是用react-admin列表中当前记录的数据填充包含react-seat-picker的自定义Edit。我正在使用react admin试图将react-seat-picker集成到自定义创建表单中。我设法通过react-admin将数据库中的值带到了react-seat-map中，但是当我保存时，没有发生任何更改。

浏览 13提问于2020-05-25得票数 1

1回答

输入值未使用react-admin中的自定义输入进行更新

javascript、redux、redux-form、react-admin

这是我第一次尝试自定义输入，所以我并不感到惊讶，但我想也许有人可以给我一个提示…上传输入确实显示为redux中的注册字段...这是我的输入类 import React, { Component, PropTypes} from 'react'; class CloudinaryInput extends Component {inline_container"></div>

浏览 19提问于2019-03-19得票数 5

4回答

通过react.js中的属性传递用户输入值

javascript、reactjs

我有两个组件，如何通过onChange将用户输入的值传递给父组件？我可以在onChange上传递“触发器”，但是如何传递这个值呢？var InputComp = React.createClass({ return ( <input type="text" onChange={this.props.newVal} />

浏览 0提问于2016-10-04得票数 0

3回答

React <select>的<option>在onClick上不工作

javascript、html、reactjs、jsx

region = ['Africa','America','Asia','Europe','Oceania']; <select> {region.map((nameO

浏览 85提问于2021-05-08得票数 0

回答已采纳

6回答

使用react-select和react-hook-form返回正确的值

reactjs、react-select、react-hook-form

我在AsyncSelect周围使用react-hook-forms Controller API从react-select加载用户从外部api输入的选项。name="businessCategory" <AsyncSelect loadOptions={v =>

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

4回答

onChange发生时如何更改应用setState？

javascript、reactjs、setstate

代码如下： import React, { Component } from 'react';import { connect } from"react-redux"; constructor(props) { super(props);this.onChange = this.<em

浏览 99提问于2020-04-19得票数 0

回答已采纳

3回答

Reactjs+Flow: SyntheticKeyboardEvent和传递函数作为道具

reactjs

我有以下AsyncApp.js组件// @flowimport { connect } from "react-reduxfrom "react"; options: Object,};export const Pic

浏览 1提问于2018-04-28得票数 0

3回答

如何在react-select的状态下仅设置和获取值字符串

reactjs、react-select

官方文档中给出的代码如下：import Select from 'react-select'; { value'strawberry', label: 'Strawberry' },]; class App

浏览 4提问于2018-11-23得票数 0

点击加载更多

对选择字段(下拉)的Yup验证--反应钩子形式不起作用