我目前正在尝试将游标焦点设置在特定的输入字段上，当周围的ngIf为真时，该字段就会显示出来。
html代码如下所示：
<div>
<button (click)="showFirst = !showFirst">Toogle</button>
<div *ngIf="showFirst">
<!-- Some content -->
</div>
<div *ngIf="!showFirst">
&l
浏览 1提问于2017-12-19得票数 2
回答已采纳
我有一个搜索组件。在搜索字段中输入文本并按回车键后，搜索将发生，并且它将重定向到下一个组件，比如showComponent，其中显示结果。
我希望当我从showComponent返回到搜索组件时，前面的输入文本必须在输入文本字段中。我怎样才能做到这一点？
<div>
<input type="text" class="form-control" id="search-text" aria-describedby="search-text" [formControl]="searchText
浏览 4提问于2021-09-30得票数 0
我正在尝试根据下拉菜单的选择来启用或禁用输入字段。
这里摆弄的代码：
$('#getHoldStatus').change(function()
{
var selected_item = $(this).val()
if(selected_item == "On Hold until Candidate Available"){
$('#datepicker
浏览 2提问于2013-04-02得票数 0
回答已采纳
import React, { useState } from "react";
import classes from "./InputRangeSide.module.css";
import InputRange from "react-input-range";
import "react-input-range/lib/css/index.css";
import { Button } from "react-bootstrap";
const InputRangeSide = () => {
浏览 7提问于2021-06-09得票数 0
我试图在我的功能组件中使用React useState钩子，但是我得到了这个错误：
Failed to compile
./src/Person/Person.js
Line 5:43: React Hook "useState" is called in function "person" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Search for the keywords to le
浏览 50提问于2019-11-22得票数 3
回答已采纳
我正在用react，react-redux和socket.io构建一个聊天应用程序。现在，为了提高应用程序的性能，我在<Message ... />组件中添加了React.memo()以防止重新渲染。然而，根据React Profiler的说法，只要我获取更多的消息，我所有的消息组件都会保持重新呈现。我的代码：
room.jsx (消息容器)
import { useSelector, useDispatch } from "react-redux";
import {
fetchMessagesRequest,
fetchMessagesSuccess,
浏览 6提问于2020-12-11得票数 0
错误：
React Hook "useState" is called in function "createFlight" that is
neither a React function component nor a custom React Hook function.
React component names must start with an uppercase letter react-
hooks/rules-of-hooks
我的代码：
import React, {Component} from 'react'
浏览 1提问于2021-11-27得票数 0
我知道我想要挂的函数是"ac_client.exe“+63 to。如何找出正在运行的可执行文件的基址？
浏览 5提问于2016-10-14得票数 2
回答已采纳
1回答
我正在使用React。我有几个输入： const [inputValues, setInputValues] = useState({
model: '',
manufacturer: '',
year: null,
startTime: ''
}) 通过这个双向绑定，我从它们那里获得值： const handleChange = e => setInputValues({ ...inputValues, [e.target.name]: e.target.value }) 在所有输入(类型为te
浏览 16提问于2021-04-03得票数 0
1回答
如何在验证中显示与错误相关的错误消息。我有一个数字输入，并验证它是否为必需和数字，如下所示：
<ValidationObserver :name="'age'">
<div class="flex flex-col items-center">
<h3 class="nunito text-2xl">Wpisz swój rok urodzenia</h3>
<form class="" @submit.
浏览 10提问于2022-03-16得票数 0
当用户在输入之外单击时，我尝试使用mousedown事件来关闭自动完成。 代码： // listen to mouse clicking outside of autocomplete or input
useEffect(() => {
document.addEventListener("mousedown", handleClickOutsideAutocomplete);
return () => {
document.removeEventListener("mousedown", handleClickOutsideA
浏览 14提问于2020-10-06得票数 1
1回答
我正在开发一个浏览器(Chrome，Firefox)扩展，并使用Manifest v3进行响应。在我的应用程序中，我有一个搜索栏，根据用户输入的值显示建议的单词(就像搜索引擎做的那样)。在清单v2中，我常常像这样加载这个脚本：
"content_security_policy": "script-src 'self' https://suggest.finditnowonline.com; object-src 'self'"
在v3中，这一点不再受限制，但我仍然找不到如何使代码工作的方法。我在网上找到的最相关的资源就是这样
浏览 4提问于2021-06-25得票数 3
1回答
我使用Redux和react，并在计时器中一秒后获取redux状态的值。每次执行定时器时，状态的值都不会改变，它是状态中的初始值.initial
00:00:00
注:状态中的值是正确的，只有定时器中的值和初始值是错误的。
CheckTheEndOfTheExam = setInterval(() => {
handleSendWxamDataAfterEndTime();
}, 60000);
const handleSendWxamDataAfterEndTime = () => {
if (getTimeToAttendTheExamPag
浏览 17提问于2021-05-29得票数 0
2回答
当我加载页面时，我希望焦点转到输入字段
<b-form-input
placeholder="Name *"
name="name"
autofocus
></b-form-input>
但是它不起作用。
我该怎么做呢？
浏览 0提问于2020-12-07得票数 0
2回答
我收到一个错误 Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might ha
浏览 8提问于2020-11-18得票数 1
1回答
返回未定义的响应值
、、、、
我正试图从react组件中的输入字段中获取一个特定的值，但是它返回的是未定义的，我尝试单独使用useref，但是它给了我相同的结果(返回未定义，见下图)。我需要获得播放器的名称--我可以使用它们唯一的Id作为API调用的一部分，这个调用不会列出所有的玩家，但是我确实有一个JSON文件，其中包含了这两种名称，所以如果我可以从我创建的输入中获取他们的名字，我就可以获得他们的Id，并将其添加到API中来执行API调用。有人能帮我吗？谢谢!
import React from "react";
import Row from "react-bootstrap/Row";
浏览 0提问于2022-03-29得票数 0
回答已采纳
我还有一个问题：
我想跟踪一些未定义变量window的字段，但它将在将来定义。
例如，如果变量window的内部字段将被更改，我想做一些代码。
useEffect(() => {
if (window && window.innerWidth) {
// Do something
}
}, [window.innerWidth])
但是，next.js和react写道：
如何达到这一效果？谢谢你的建议。
浏览 3提问于2021-01-21得票数 1
回答已采纳
我的App是一个功能组件，它被声明为async，因为我必须在呈现视图之前从服务器获取数据，代码如下
import React,{useState} from "react";
import DashBoard from './components/DashBoard'
const axios = require('axios')
const App = async props => {
const allDashBoardsList = await axios.get('http://localhost:9000/getA
浏览 0提问于2020-03-02得票数 0
如何将设计者注册表中值添加到非设计表的另一个表中
这是示例代码
<div class="signin">
<h2>Register</h2>
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
<%= devise_error_messages! %>
<div><%= f.label :email %><br
浏览 0提问于2012-07-30得票数 0
回答已采纳
我希望有一个字段数组，可以由用户通过添加无限数量的输入文本字段的键/值对来生成。提交表单后，应该保存字段，当返回表单时，应显示提交的字段数组，并具有相同的功能。这意味着用户应该再次能够添加输入文本字段的新键/值对或删除它们。
表单有单独的组件，其中一个组件使用React的useFieldArray钩子。输入组件是被控制的组件。
我在上做了一个简单的应用程序。
首先，如果单击add按钮，一切看起来都很好。字段将被添加并提交。
但我不知道如何显示传递给ArrayFields组件的ArrayFields道具值，请参阅index.js:30
<ArrayFields
fieldset={[
浏览 12提问于2022-01-25得票数 4
回答已采纳
我正在尝试在我的react应用程序中使用wavesurfer.js呈现音频文件。我是一个新手，我想知道为什么我总是收到"Container element not found“消息。 简而言之，这就是我需要知道的。 提前THank你！ import React from "react";
import WaveSurfer from "wavesurfer.js";
export default function Chat(){
const wavesurfer = WaveSurfer.create({
container: &#
浏览 164提问于2019-12-18得票数 1
回答已采纳
我想在输入类型文本字段中的ReactJS onChange中执行一个附加函数，然后呈现函数是：
render(){
return (
<div>
<InputText />
</div>
)
}
InputText组件是：
class InputText extends React.Component {
onChange(e){
console.log("you typed again...");
}
render() {
浏览 1提问于2017-05-25得票数 0
回答已采纳
我正在学习如何使用Formik和Yup来验证输入(文本)表单字段。我遵循了贾里德·帕默的标准方法，它的效果非常好。
当涉及到做一些更多的组件驱动，我有一个困难的时间达到相同水平的价值，我只是不知道我是哪里错了？
Yup似乎无法识别我的表单模型，也不会根据需要验证输入字段.
我在想，我实际上搞砸了初始值，或者我没有给出Yup想要的正确形状，但是这里的任何帮助都会令人吃惊，这是疯狂的.
我有一个示例沙箱在这里运行>>
(components/CheckoutPage/FormModel/checkoutFormModel.js)：表单模型
export default {
for
浏览 1提问于2020-06-24得票数 2
回答已采纳
1回答
嗨，我有一个使用imgflip公共api的小表情包编辑器。我通常使用Angular开发，但我正在尝试学习react，所以我现在有点迷路。
在我的项目中，当我加载页面时，我得到了所有可用meme模板的列表，然后当您选择一个模板时，每个meme文本行都有一个模板和一个文本字段。每个模板上的输入文本数量都会发生变化，这就是我的问题所在。
其思想是获取所有输入文本值，将其发送到api，并向用户显示生成的meme。
这是我现在的代码：
App.js
import { useEffect, useState } from 'react';
import {
BrowserRouter
浏览 18提问于2021-02-21得票数 0
回答已采纳
请您告诉我如何在无状态组件中按一下按钮获得输入值，.I想在container component中传递输入值，我试过这样做，.here是我的代码。
import React from "react";
import PropTypes from "prop-types";
const TabbarComponent = props => {
const onInputChange = event => {};
return (
<div>
<input type="text" />
浏览 0提问于2018-08-03得票数 0
回答已采纳
我正在尝试通过扩展material-ui文本字段来创建一个数字输入字段。为此，我需要验证输入值并停止传播无效值。如果输入是有效的，我希望顶级容器组件处理更改事件。但是，如果我为控件提供一个事件处理程序，它就不会冒泡到容器组件。我如何才能做到这一点？
这是我的代码-
我的容器组件-
class ItemsContainer extends Component {
handleItemChange(e)
{
console.log(e.target.value)
//dispatch further redux action
}
render()
{
浏览 10提问于2016-07-23得票数 1
回答已采纳
下面是我的App组件：
import React, { Component } from 'react';
import {Route, Switch} from 'react-router-dom';
import { withRouter } from 'react-router-dom';
import Toolbar from './components/Navigation/Toolbar/Toolbar';
import Homepage from './components/Homepage/Homepag
浏览 0提问于2019-10-04得票数 0
我有一个React站点，它使用Slate-React (https://docs.slatejs.org/libraries/slate-react)来创建富文本输入字段。Slate使用浏览器的prompt()函数将超链接应用到选定的文本，但我需要能够设置提示模式的样式，所以我必须找到替代方法。但是，如果我创建了一个简单的带有输入字段的Javascript弹出窗口，那么一旦焦点应用于模式，选定的文本就会被取消选择，因此不会插入任何链接。有没有一种方法可以将焦点移到另一个元素上，同时保持原始文本的选中状态，或者有没有一个开源扩展可以用来代替prompt()？ 本质上，我试图模仿Google D
浏览 27提问于2021-11-18得票数 0
1回答
我知道如何为多个输入字段创建多个处理程序，但我只想创建一个处理动态数量输入字段的处理程序，这让我卡住了。我无法修改输入，它们有固定的值。 这是主组件的状态 this.state = {
assetAccounts:["Cash","Financial Investment","Real Estate","Private Business Value"],
accounts:[0,1,2,3]
}
this.onChangeAccount = this.onChangeAccount.bind(this) 这就是处理程序
浏览 16提问于2020-10-24得票数 0
回答已采纳
我是React.JS的新手，正在尝试理解下面的事情。假设我有两个组件:两个HTML文本输入；我想要实现的是:当用户更改第一个文本字段中的文本时-更改同时出现在第二个文本字段中；反之亦然-当用户更改第二个文本字段中的文本时，更改也会出现在第一个文本字段中。用react的方式做这件事的正确方式是什么？应该在onChange处理程序中写入什么内容？
浏览 0提问于2014-05-25得票数 5
你能告诉我如何在第二个组件上发送输入字段值点击.I有一个按钮和输入字段在第一个component.On按钮点击我需要发送输入字段值到第二个组件
下面是我的代码
var { Router, Route,browserHistory } = ReactRouter
class First extends React.Component{
sendValue(){
browserHistory.push('/second');
}
render(){
return (<div>
<input type='text'
浏览 0提问于2016-05-19得票数 6
回答已采纳
2回答
SuiteCRM电子邮件加密
、、、、
我在我的服务器上安装了SuiteCRM。所有的东西都运行得很好，但有些东西对我来说是有问题的；电子邮件没有加密。
经过一番搜索，我成功地启用了encrypt字段类型()
但是电子邮件字段不是一个普通字段，它更像是一个列表而不是输入字段。
我试图在代码中找到电子邮件字段定义，我已经用encrypt替换了varchar，并清除了缓存...但它还是不起作用。
如何正确更改原始电子邮件字段以启用加密？
浏览 1提问于2017-04-10得票数 1
1回答
我正在开发一个用于Ubuntu的安全工具，在这个工具中，我想要移除挂盘的所有权限，当我将它插入我的系统并要求输入密码，然后当我输入正确的密码，然后再次设置所有权限到device.But我不知道如何才能做到这一点(删除挂盘的所有权限)使用外壳命令？
我已经尝试过这些命令，但它们对我没有帮助：
sudo chown user:user /media/name_of_drive -R
sudo chmod 777 user:user /media/name_of_drive -R
我的操作系统是Ubuntu-16.04LTS。
我的项目的Github链接是：
提前感谢
浏览 8提问于2018-02-14得票数 2
我想我在概念上遗漏了使用React.js进行服务器端渲染的东西。
假设我想要创建一个页面来显示来自服务器端DB的项目，并使用一个输入字段来过滤它们。
我想要一页：
，它响应像/items?name=foobar这样的URL
使用React输入字段按名称筛选项。
使用React组件显示筛选的项的列表。
假设我有一个公共REST来查询客户端上的项。
从概念上讲，我想在第一次请求时(GET /items?name=foobar)做的是：
我希望输入字段显示用户作为参数传递的内容，因此我需要将查询参数(“foobar”)传递给react组件，作为一个“支柱”(如initialN
浏览 2提问于2014-01-07得票数 29
回答已采纳
我在使用useSortBy的react表上有一些问题.没有useSortBy，这个表工作得很好。获取此错误：
错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量以防止无限循环。
var COLUMNS = [
{
Header: 'Data Criação',
accessor: 'createdAt',
Cell: ({value})=> {ret
浏览 0提问于2021-03-26得票数 4
回答已采纳
1回答
React代码 import React, { useState, useEffect } from "react";
import axios from "axios";
const Table = () => {
useEffect(() => {
console.log("helllllllllllllllo");
callAPI();
}, []);
const callAPI = async () => {
const url = "some URL";
浏览 32提问于2021-03-28得票数 1
回答已采纳
在我的搜索栏应用程序中，我使用了Input.Search Ant组件。
例如：
import React from 'react';
import { Input } from 'antd';
const SearchBar = ( { loading, searchHandler } ) => (
<Input.Search placeholder="Enter name to search here"
disabled={loading}
onSearch={s
浏览 1提问于2018-02-22得票数 5
回答已采纳
我希望这个作业根据给定给作业的字符串参数等待一定的秒数。该字段只允许我输入数字，因此不能使用$(PARAM)。我想知道什么是个好办法。
记者:安静时期的工作会挂执行者吗？
浏览 0提问于2018-07-19得票数 1
回答已采纳
我有一个输入字段，如果我输入一个十进制值，我想把它舍入到下一个最高的数字，但问题是每当我输入一个点(“”)。onChnage被触发，将其舍入，然后更新该值，因此基本上我无法在点(“”)之后键入任何内容。我不能在这里使用onBlur，有人能告诉我我能做什么吗？
import React, { useState, ChangeEvent } from 'react';
import { TextInputHelperCurrency } from '@honeycomb-npm/honeycomb-react';
export type LoanAmountPro
浏览 2提问于2022-03-30得票数 0
按照离子文档，我试图让弹出的按钮粘滞(like on their own example)。不幸的是，我不知道如何实现这一点。谢谢 import React, { useState } from 'react';
import { IonPopover, IonButton } from '@ionic/react';
export const PopoverExample: React.FC = () => {
const [showPopover, setShowPopover] = useState(false);
return (
浏览 12提问于2020-01-13得票数 4
回答已采纳
我正在开发一个web应用程序，其中我想使用URL查询来运行搜索查询。
当执行搜索时，应根据url查询参数将新请求发送到服务器以获得新数据。
使用react-router和Redux，我想调用dispatch函数来根据查询从服务器获取新数据(即url更改)。
我在考虑使用onChange事件并调用dispatch函数，如下所示：
<IndexRoute component={Catalog} onChange={(prevState, nextState, replace) => {dispatch(fetchProducts(nextState.location.search))}
浏览 0提问于2016-04-25得票数 2
2回答
我正在使用redux-form在React原住民中，以及React原住民元素来创建表单。问题是，在呈现屏幕之后，用户甚至还没有接触到输入字段，就会调用验证，从而过早地显示输入验证错误。
我的代码：
FormInput：
import React from 'react'
import { Input } from "react-native-elements";
export default FormInput = (props) => {
const { input, meta: { error }, ...inputProps } = pro
浏览 0提问于2019-02-10得票数 0
4回答
在按钮点击，我显示一个对话框，其中有输入字段。我想在输入字段中自动对焦。我使用的是资料UI组件对话框& OutlinedInput
const SearchIdDialog: React.FC = () => {
const [openSearchId, setOpenSearchId] = React.useState<boolean>(false);
React.useEffect(()=> {
inputRef.current?.focus();
}, [openSearchId]);
const handleClose = (
浏览 6提问于2022-06-24得票数 1
回答已采纳
1回答
我有一个巨大的形式建立了反应和材料-ui。表单使用双向绑定和update状态进行输入更改。更改任何输入字段都会使所有组件都变为update (通过react tools TraceReactUpdate已启用)。当涉及到TextField时，它使我的页面呈现非常慢的。使用this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this)没有帮助。
浏览 5提问于2016-10-03得票数 1
回答已采纳
我正在创建一个带有导航抽屉的应用程序，我需要编辑他的工具栏，在其中我处于一个特定的片段中。
我试图通过重写片段类中的'onCreateOptionsMenu‘函数来膨胀它：
override fun onCreateOptionsMenu(menu: Menu, inflater: MenuInflater) {
inflater.inflate(R.menu.menu_activity_main, menu)
super.onCreateOptionsMenu(menu, inflater)
}
我希望在操作栏菜单上覆盖"menu_activity_main“
浏览 0提问于2019-09-07得票数 0
回答已采纳
我试图使一个login form在react .but中，我得到了这个错误
React不识别DOM元素上的支柱。如果您有意希望它以自定义属性的形式出现在DOM中，请将其拼写为小写handlechange ，而不是.。
输入值也没有设置输入字段，当我输入input字段时，它没有更新状态，为什么？
这是我的代码
<form noValidate>
<TextBox
label="Username"
name="username"
type="text"
he
浏览 3提问于2019-11-27得票数 1
回答已采纳
我是软件开发的新手。我目前正在做一个关于Codecademy的项目，在这个项目中，猫应该模仿你说的话，除非它的嘴上有胶带(附图)。几个小时后，我似乎找不到为什么我在输入字段中键入的内容在p字段中没有动态更新。任何指导都将不胜感激！
这也是我的第一篇Stack Overflow文章，所以如果我遗漏了什么，请让我知道。
cat的两种状态-没有磁带，它应该复制输入字段中的内容，反之亦然
// CopyCat.js
import React from 'react';
import { styles } from '../styles';
const
浏览 3提问于2020-10-16得票数 0
我对这篇文章中的想法很感兴趣：。我想在几个Drupal站点上测试这样的表单，而不是注册表单；但是，我不确定如何使用Drupal的表单API处理这种非正统的表单。
使用hook_form_alter更改现有的user_register表单是否可行？有没有更好的方法？
理想情况下，我希望能够对任意表单上的每个表单字段进行标记，然后在字段应该出现的位置输入带有标记I的“故事”文本。但是，我不确定在表单呈现过程中该在哪里执行此操作？
浏览 1提问于2011-01-27得票数 1
回答已采纳
我有一个react组件，由一个输入字段和一个按钮组成。单击按钮时，我希望运行一个也是从父控制器继承的更新函数。在react文档中，它们有一个onchange处理程序附加到这个输入，并使用onchange事件对象获得输入的新值。然而，在我的例子中，我得到一个事件对象描述按钮，而不是输入字段。通过单击句柄访问新输入字段值的正确方法是什么？
class QuoteButton extends React.Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(t
浏览 2提问于2018-06-21得票数 0
回答已采纳
我有一个页面，它接受大量用户输入，并使用react上下文对象保存它们。我遇到的问题是，如果有人在保存条目之前离开页面，我希望提示用户继续或取消，并保持当前页面和状态的灵活性。我最初在一个useEffect钩子中设置了这样的代码，它监视输入中的状态变化。 useEffect(() => {
window.onbeforeunload = () => {
return true
}
},[someState]) 这适用于所有类型的浏览器导航(刷新按钮、主页按钮、关闭窗口、输入新的url等)。但在浏览器中单击后退或前进按钮时则不会。 如何在状态更改为不触
浏览 44提问于2021-01-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
