在react中设置date-time-local中的动态值
在React中设置date-time-local中的动态值可以通过以下步骤实现：
- 首先，在React组件的状态中定义一个变量来存储日期和时间的值。例如，可以使用
useState钩子来创建一个状态变量：
import React, { useState } from 'react';
function MyComponent() {
const [dateTime, setDateTime] = useState('');
// 其他组件代码...
return (
<input type="datetime-local" value={dateTime} onChange={(e) => setDateTime(e.target.value)} />
);
}- 在
<input>元素中，将value属性设置为状态变量dateTime，并通过onChange事件监听器来更新状态变量的值。
这样，当用户选择或更改日期和时间时，dateTime的值将被更新，并且<input>元素将反映出最新的值。
关于React中设置date-time-local的动态值的更多信息，可以参考以下链接：
- React官方文档
- React日期和时间选择器组件（腾讯云相关产品链接）
相关·内容
我在react中向输入文件添加动态值，然后我试图对其进行编辑，但它根本不可编辑。
var shop_profile_data = this.state.data.DETAILS;
<input id="shopname" className="inputMaterial" value={shop_profile_data.NAME} type="text" required/>
请给我解决方案。谢谢
浏览 3提问于2016-03-18得票数 29
我在react-final-form中使用react-select，并且需要两个select，其中第一个select中的selected选项动态地设置第二个select中的选项。例如，如果在第一次选择中选择了选项一，则第二次选择将获得选项一A和选项一B。 这些选择在数组中使用。这是我的代码和初始设置https://codesandbox.io/s/react-final-form-field-arrays-e4mm6?fontsize=14。 我发现了两个类似的示例，但我不知道如何使它们适应我的用例。 首先，我为react-final-form找到了this example，它使用creat
浏览 16提问于2019-10-17得票数 1
回答已采纳
1回答
我试图在react中实现动态搜索
、、、、
嗨，我试图在react中实现动态搜索，但我无法呈现所需的内容。
请在找到代码
当我试图过滤掉动态搜索结果时
初始屏幕当我试图搜索"bert“时，我在日志中得到了正确的结果，但我无法呈现相同的结果，看起来我能够呈现所需的结果数量，但不能呈现所需的结果。
浏览 3提问于2020-10-19得票数 0
回答已采纳
我使用create- react -app创建react应用程序，我使用node js作为后端开发。
我可以在本地环境中成功地运行它，但是在生产构建应用程序中拥有相同的应用程序并不会设置"apiURL“
我的后端url is=
API_URL = process.env.REACT_APP_API_URL
实际上，我需要获取API_URL = ，但我得到的API_URL在生产部署中是未定义的
在一些后端api的请求下，我得到了
但实际上我需要拿到
是否有人可以帮助我如何根据主机环境动态配置我的环境变量
对不起，我的英语不好
提前感谢
浏览 6提问于2018-08-22得票数 0
2回答
我有一个select输入，使用React拉取日本各县的JSON数据。用户按名称选择县。
选择输入值被设置为state.prefecture，例如，它调用"Tokyo“。我将此数据映射到本地JSON文件中的选择选项。
在动态URL JSON fetch调用${state.prefecture}中，我需要地区代码而不是名称，在东京的情况下是"13“。
有什么好方法可以做到这一点吗？
浏览 0提问于2020-02-17得票数 0
我想在react native中更改动态生成的TouchableOpacity BackgroundColor OnPress。
浏览 1提问于2018-10-22得票数 5
1回答
动态拾取器获取数据
、、、、
当我尝试做一个动态的选择时，我遇到了一些问题。
首先，我获取了一些数据，在这一点上一切正常，问题是当我想使用这些数据时，因为在选择器中说：
TypeError:未定义不是对象(计算'items.map')
我能做什么?
const [items, setItems] = React.useState();
const [data, setData] = React.useState();
React.useEffect(() => {
function getCharacters() {
fetch('https://jso
浏览 2提问于2020-10-26得票数 0
1回答
我刚开始使用react-hook-form，注意到了一些我似乎无法阻止的事情。当组件被动态呈现时，其嵌套输入组件的值不包含它们的值。
我的组件结构是：
ParentComponent
--> ChildComponent(s)
--> Controller component (supplied via react-hook-library)
下面是一个重现问题的沙箱-- 。
我可以通过将所有代码放在一个组件中并使用CSS动态显示它们来解决这个问题。然而，这将导致一个非常大的组件文件，因此试图避免这种情况。
注意，我有一种感觉，这是预期的行为，因为控制器在卸
浏览 0提问于2020-04-19得票数 2
回答已采纳
我想使用道具创建一个动态输入组件。
这是App.js文件
<TextBox type="text" style="singIn" placeholder="hi there" />
<TextBox type="password" style="singUp" />
这是TextBox.js文件
import React, { Component } from 'react'
class TextBox extends Component {
constructo
浏览 2提问于2019-02-21得票数 0
我试图在我的react组件中动态地获取SVG映像，但到目前为止，我得到的错误是未提及的TypeError:未能获取动态导入的模块。这是我的代码示例
import React from 'react';
import { CustomSvgIcon } from '../../util/CustomSvgIcon';
const Icon = ({ iconName }: IconProps) => {
const [menuIcon, setIcon] = React.useState<string | null>(null);
浏览 0提问于2020-04-28得票数 0
回答已采纳
由于某些原因，我无法在React onClick中设置状态。如果我硬编码"shape1“而不是"shape"，它可以工作，但我想循环通过每个键并动态设置它，因为有可变数量的形状。
resetColors() {
Object.keys(this.state).forEach(shape => {
this.setState({shape: 'black'})
})
}
浏览 2提问于2017-05-22得票数 0
2回答
我正在尝试动态导入一个React组件，以便在元素中呈现它。但是，它不起作用，抛出了一个异常，它说：
“元素类型无效:期望字符串(用于内置组件)或类/函数(用于复合组件)，但got: undefined.You可能忘记从定义在其中的文件导出组件，或者您可能混淆了默认导入和命名导入”
你有什么想法吗？
我是这样导入组件的：
import('../assessment/assessmentContainer').then(x=>{
ReactDOM.render(<x.AssessmentContainer />, document.
浏览 5提问于2020-01-14得票数 1
回答已采纳
2回答
我使用了React和SASS，我得到了一个多维数据集组件，我想用动态宽度呈现它。然而，我在我的.scss中操作这个宽度。有一个例子。
我的组成部分：
<Cube style={{ width: '100px' }} />
<Cube style={{ width: '70px' }} />
<Cube style={{ width: '20px' }} />
我的style.scss：
$cubeWidth: 150px;
$cubeHeight: $cubeWidth;
#cube {
width
浏览 2提问于2018-04-26得票数 5
回答已采纳
1回答
我试图在我的应用程序中使用react select ()，我有一个选择框，它的选项是动态加载的(即，我调用后端来获取数据)。现在，我可以看到在下拉列表中填充的所有选项，然而，当我单击任何一个条目onChange()事件时都能工作，但是元素并没有从下拉列表中去填充，而是像一个标签一样显示在顶部，如官方示例所示。我的复选框：
<Select
multi={true}
name="form-field-name"
options={this.props.metadata ? this.props.metadata["latest"].la
浏览 5提问于2017-07-10得票数 0
回答已采纳
我试图使用React函数组件中的字符串访问状态变量。
例如，我知道在Class组件中，我可以根据输入来访问状态：
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {
inputOne: null
}}
handleBlur(e, name) {
if (!this.state[name]) {
this.setState({
[`${name}Missing`]: tr
浏览 0提问于2021-10-13得票数 1
回答已采纳
1回答
如何动态负载减速器
、、、
我在一个网站里有三个迷你网站。我要主减速机储存信息。和，各自的迷你网站，以存储自己的减速机。因此，当浏览一个小型站点时，必须加载相应的模板/组件和减速器。请注意，我这样做是因为迷你网站中的商店是详尽无遗的。
类似于这个。这个回购包含旧的反应-路由器版本。我希望它能与react路由器-v4和create-react-app一起工作。
在动态加载组件时，如何动态加载与特定组件相关的减速器？
我正在使用create-react-app创建react项目，这些是包版本
"react": "^16.3.1",
"react-dom": "^16.3
浏览 0提问于2018-04-10得票数 0
回答已采纳
有人能帮我吗？我在React中创建一个组件，我希望使用forwardRef使它更容易访问。在我的例子中，我正在制作一个按钮，我正在使用该按钮的属性，我还做了一些使它更加动态的工作。
这是我的代码摘要。
export interface ButtonProps
extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
children?: React.ReactNode;
loading?: boolean;
}
cla
浏览 5提问于2022-04-12得票数 0
回答已采纳
1回答
我正在使用docker容器运行reactjs应用程序，我们使用的是Mock API和UI。我是运行在一个单一的码头集装箱作为两个单独的进程。但是，在reactjs应用程序的.env文件中，环境变量被映射到本地主机，如下所示：
REACT_APP_MOCK_API_URL="http://localhost:8080/API"
REACT_APP_MOCK_API_URL_AUTH="http://localhost:8080/API/AUTH"
REACT_APP_MOCK_API_URL_PRESENTATION="http://localhost:8
浏览 2提问于2018-11-27得票数 0
回答已采纳
我正在开发一个React JS应用程序。我现在所做的是从服务器异步获取数据，并在TextField中呈现这些值。我知道怎么做，我的方法也很有效。但是，我只是不喜欢我现在的方法。
这就是工作方法。
class TestComponent extends React.Component {
constructor(props)
{
super(props);
this.fetchName = this.fetchName.bind(this);
this.handleChange = this.handleChange.bind(t
浏览 18提问于2018-08-01得票数 3
回答已采纳
1回答
语义-UI有这个反应组件，，我正在使用。
在我的应用程序中，我在分段中使用onMouseOver，如下所示：
render() {
return (
<Segment onMouseOver={this.handleHover} />
);
}
我想要handleHover()做的是动态地向鼠标事件上的片段添加语义UI支持。我试着用来做这件事，并根据语义UI文档添加了一个新的颜色支柱。
React docs状态：
克隆并返回一个以元素为起点的新的React元素。结果元素将有原始元素的道具与新道具浅合并。
handleHover() {
浏览 1提问于2017-08-21得票数 1
回答已采纳
1回答
动态组件: React
、、、、
在React中，我们可以以这种方式添加动态组件(我从react 中获取它)：
import React from 'react';
import { PhotoStory, VideoStory } from './stories';
const components = {
photo: PhotoStory,
video: VideoStory
};
function Story(props) {
const SpecificStory = components[props.storyType];
return <SpecificS
浏览 0提问于2019-12-24得票数 1
我使用react-leaflet显示带有从API加载的动态标记的地图。直到现在，我一直在渲染中加载标记，但我意识到这是不必要的重新绘制整个传单地图每次任何变化(例如缩放，位置)。我认为我可以移除缩放和定位状态，并为这些调用本地传单函数，但最终我需要在初始呈现之后加载数据，至少会产生第二个不必要的呈现。反应是否真的被设计成这是首选的方式？
function MyMap() {
const [markers, setMarkers] = useState([]);
useEffect(() => {
console.log('useEffect');
浏览 0提问于2020-06-03得票数 2
就像在react中一样，我们可以检查元素，查看应用于元素的类并动态更改css属性，并可以在UI.Like中查看react native中是否有任何内容?尝试使用react-devtools但尝试更改css属性值，但这在UI中没有反映出来。
浏览 26提问于2020-04-26得票数 0
如何在checkbook中传递动态值时在react中获取校验值，并在checkbook被选中时获取这些值
浏览 32提问于2019-06-20得票数 0
我想重用一个既有一些静态字段又有一些动态字段的react组件。下面是静态jsx文件：
这是我的渲染屏幕：
正如您所看到的，我已经注释了我想要动态寻址的行。基本上，对于第一个呈现的组件，我希望使用useState更新EmailValue，而对于第二个组件，我希望呈现Password值。这是我的初始凭据声明：
有人知道怎么做吗？因为如果我不能做到这一点，那么我使用地图的整个目的就会落空。我想要的是：
应该为两个不同的文本字段动态选取和更新此部分。
浏览 43提问于2020-07-25得票数 0
回答已采纳
1.静态物体
要基于静态对象创建上下文，我使用以下代码：
import React, { createContext } from 'react';
const user = {uid: '27384nfaskjnb2i4uf'};
const UserContext = createContext(user);
export default UserContext;
这个代码很好用。
2.动态物体
但是，如果需要在获取数据之后创建上下文，则使用以下代码：
import React, { createContext } from 'react
浏览 6提问于2020-01-22得票数 3
回答已采纳
1回答
由于有一个非常详细的场景，我不会解释，我需要能够在用户启动触发器时动态地在React组件上设置placement支柱。我在想这样的事情：
<OverlayTrigger
ref="trigger"
onEnter={onEnterFunc}
placement="bottom"
overlay={<Popover>...</Popover>}>
<span>html</span>
</OverlayTrigger>
然后在onEnterFunc中以某种方
浏览 1提问于2016-03-11得票数 0
回答已采纳
2回答
我的问题在标题中：如何根据文本自动调整文本区域的大小，并使用React
我想用参考文献动态地调整我的文本区域高度，并将它传递到状态，但是它不能正常工作。
我创建了一个密码箱来帮助你理解我到底想要什么。
在我的示例中，我以文本区域高度作为参考，并将其传递给onChange事件中的状态，但是对于输入的每一个字母，它都不能正常工作。
另一种解决方案是在换行时在数组中拆分textarea，对于每个换行，增加textarea高度(1行换行=1行)。但是我无法检测到自动换行(当我按Enter时行中断)。如果你有主意的话？
我已经使用了react autosize-textarea，但是我更喜欢自己这样做
浏览 0提问于2019-02-28得票数 0
我有一个使用Create- React -App (react-scripts)和Material-UI的react应用。我想为我的应用程序应用一个强大的内容安全策略，这不允许不安全的内联样式。
我想在服务器端设置CSP-Header的nonce，这很容易做到。但是，Material-UI在运行时动态设置某些内联<style>标记，而不使用nonce值作为属性。
我已经在Material-UI网站上的指南和csp下看到了文档。它们似乎提供了一种解决方案。但是，该解决方案是针对HTML服务器端呈现的，而我并没有使用它。我使用Create-React-App并静态地提供了HTML、CS
浏览 41提问于2018-03-06得票数 14
回答已采纳
2回答
为了清晰而编辑:我不知道如何在react应用程序中使用JSX动态创建Boostrap组件。最终目标是在单击第一个按钮时在"newBtnSpace“目录中获得新按钮。我尝试过使用show.hide方法，但这些方法需要硬编码。尝试基于数组创建按钮。代码：
./components/newBSBtnSpaceFunc.js
import React, { Component } from 'react'
import { Button } from 'reactstrap'
export default function NewBSB
浏览 14提问于2020-03-04得票数 0
我是一个新的反应本地移动应用程序，我有一个配置文件页面，很少输入文本字段。我正在将字段值设置为DataBase中的当前值。所有字段都根据需要填充最新值。
问题是在提交表单时，数据返回动态填充的表单字段的空值。如果表单字段为空，并且用户手动输入一个值。该值是在提交时返回的。
代码在下面(用更短的代码更新)
import React,{useState} from 'react'
import { StyleSheet, Text, View,TextInput,Button, SafeAreaView } from 'react-native'
import {
浏览 5提问于2021-06-04得票数 0
我正在使用react-navigation，并在StackNavigator中嵌套了一个TabNavigator。我在TabNavigator中有三个选项卡，需要根据一些逻辑动态设置TabNavigator的initialRouteName。
我曾尝试将TabNavigator放在一个React组件中，该组件具有动态选择的初始选项卡，并在StackNavigator中通过screenProps of TabNavigator传递道具。但是这样我就无法导航到StackNavigator的任何路线。
有没有办法动态生成initialRouteName。
注意:我不会在这个应用程序中使用redux。
浏览 0提问于2018-04-21得票数 5
3回答
我试图有条件地隐藏组件
方法1:向div添加style = display : none
是否有一种通过状态向div动态添加显示的方法？
既然所有组件都在Div中，那么如何隔离每个呈现的组件并添加“无显示”？
是否有一种方法可以添加可以触发css /将css添加到某些react组件的状态？
import React, { Component } from 'react';
import all the component A, B AND C
class App extends Component {
constructor(props) {
super(pr
浏览 10提问于2022-06-07得票数 2
我想为数组中的最后一个元素设置为falseinitially的isActive道具，我将其全部设置为真，但我想根据数组的长度动态地修改它，也就是说，如果只有一个元素，我希望只有isActive作为<code>E 114<//code>true<code>e 215</code>组件Number组件<code>H 217</code><code>F 218<//code>>
示例
假设数字数组中有5个元素，那么我希望number[3]具有isActive 真，rest作为false<cod
浏览 4提问于2020-06-29得票数 0
回答已采纳
2回答
基本上，我使用的是react钩子形式，如果我单击单选按钮中的某个特定值，我希望触发一个所需的字段。显然，它是动态的，所以在单选按钮中可以有任何内容。我希望从收音机中获取所选值，然后根据所选值触发所需的另一个字段。
我不知道如何用“反应钩”的形式来做这件事；梅恩，有人遇到了同样的问题，并有一个例子给我看。
浏览 7提问于2022-08-09得票数 0
回答已采纳
当我试图在React JS中实现动态路由时，我得到了以下错误。
所需的文件包括：
Assignment.js
import React, { Component } from 'react';
import Users from './containers/Users/Users';
import Courses from './containers/Courses/Courses';
import {Route, Link, Switch, Redirect} from 'react-router-dom';
import
浏览 0提问于2020-11-08得票数 0
我正在尝试获得一个组件来动态呈现。组件的名称将从状态中提取。名称在pascal大小写中，但仍然引发pascal大小写错误。例如，我正在尝试的值是"HeroBanner“。如果我直接把这个放进去，它就能正常工作。如果通过状态动态地获得这个值，然后将它分配给一个变量，则会产生pascal大小写错误。
这是我的密码
import '@babel/polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter, Route,
浏览 2提问于2020-08-02得票数 0
回答已采纳
1回答
我有一个反应组件，其中我有一个输入框。我想动态地将输入框中的文本从英语更改为阿拉伯语。就像我想在打字时翻译课文一样。我怎样才能实现这一点。这是我试过的，但不起作用。
Home.js
import React , {useState , useEffect} from 'react';
import './Home.css';
import search from './search.png';
import Footer from "./Footer";
import axios from 'axios';
浏览 6提问于2022-08-24得票数 0
我是新的反应钩，所以我正在练习显示和隐藏一个div时，检查和打开一个复选框输入。问题是，状态更新在主文件上，我有处理它的函数，但是在我实际拥有div的文件中，它不更新，所以它不会隐藏或显示。
处理状态更改的文件：
import {react, useState} from "react";
export const Checker = () => {
const [checked, setChecked] = useState(true)
const clickHandler = () => {
setChecked(!checked)
浏览 3提问于2021-12-31得票数 -2
1回答
我在JS/React的前端和Java后端工作。
TinyMCE有一个很好的MoxieManager，它在PHP和.NET上运行得很好，我创建了自己的文件浏览器。我使用观察者模式在MVC中传输数据。问题是，当我在TinyMCE react部件中接收(例如，图片的url )时，它不会动态呈现。只有当我再次打开带有嵌套图片的对话框时，它才会呈现出来。
当然，当我在React中将新值(传入值)重新分配给current时，我会调用setState。
有什么建议吗？
致以问候。
浏览 0提问于2017-10-09得票数 1
我试着做一个动态的形式。用户必须在第一个文本字段中输入所需的字段的计数。之后，我将输入的count添加到状态并呈现所有字段。但是在"onChangeText“中，返回以前的状态值。同时，如果单击按钮，则返回当前状态的值？
import React, {useState} from "react";
import {Button, TextInput, View, StyleSheet} from "react-native";
export const TestScreen = () => {
const initialState: an
浏览 2提问于2020-05-02得票数 0
我使用带有react.js的node.js作为我的模板库。我可以通过使用node的res.render(..)在服务器端呈现我的组件，但是我希望通过使用react.js在客户端呈现它们并调用onclick处理程序来动态呈现我的组件。我用.jsx格式定义了我的组件。如何在客户端与浏览器交互并动态呈现我的react组件？
浏览 1提问于2016-04-18得票数 3
我使用的是react-select控件。下拉列表中显示的项目是固定项目和动态添加项目的组合。 我希望能够通过在标签旁边添加一个图标，直接在下拉面板中删除动态生成的项目。当点击时，这将删除该项目。 我知道以编程方式添加/删除项目的代码。这只是一个更新状态的例子。我的问题是如何将UI添加到react-select下拉面板中，并在它被点击时触发一个click事件。
浏览 19提问于2019-09-03得票数 1
我仍然是ReactJS的初学者，需要为我的工作构建一个动态表。
在该表中，用户可以添加新行，也可以删除任何现有行。
问题是，我不知道如何保存输入到新字段中的值。我的onChange函数不能工作，我已经做了几个测试，但是我无法保存输入的值。
这是我输入到中的代码。
你能告诉我我在保存输入的值时做错了什么吗？提前谢谢你。
import React from "react";
import "./styles.css";
import List from "./List/List";
const App = () => {
浏览 4提问于2021-08-24得票数 0
回答已采纳
1回答
如何在响应中设置文件目标？
、、、、
接下来，我将从download存储桶下载对象：，在代码中，我希望设置需要动态保存文件的目标。如何在React中设置文件目标？
浏览 1提问于2022-02-13得票数 -1
我有一个父组件，下面的组件在映射函数中动态生成，如下所示：
const renderListing = this.props.listing.map(function(list, index) {
return (
<Listing
key={index}
title={list.title}
totalWorkers={list.totalWorkers}
/>
);
}, this);
在这个<Listing />
浏览 1提问于2017-12-07得票数 10
回答已采纳
我试图确定在使用ReactiveUniversalComponent2.0使用动态导入时如何最好地编写单元测试
TestableComponent是我想测试的组件。我想测试"ChildComp“是否正确返回。在现实中，涉及到许多逻辑和转换，但作为基本案例，我只是为了测试"ChildComp“的存在。我正在使用通用组件来动态导入"ChildComp“
TestableComponent.js
import React, { Component } from 'react'
import universal from 'react-universa
浏览 3提问于2017-10-20得票数 4
1回答
我在我的REACT pwa中使用了REACT。当我试图在移动设备中打开应用程序时，屏幕大小在初始化时不会被检测到。因此，我的树将呈现两次，我看到屏幕闪烁与动态响应的变化。
import { useMediaQuery, useTheme } from "@material-ui/core";
import { useRef } from "react";
export default function App() {
const theme = useTheme();
const isMobile = useMediaQuery(theme.b
浏览 3提问于2021-05-21得票数 2
回答已采纳
1回答
我想将一个引用传递给一个动态加载的组件。当组件用常规导入加载时，一切都按预期工作。在使用动态导入时，ref值是undefined || { current: null }。
我在控制台中得到以下错误消息：
Warning: Function components cannot be given refs.
Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
我曾尝试使用React.forwardRef，但没有成功。
父组件： Recaptcha.tsx
import React from
浏览 4提问于2022-09-28得票数 0
回答已采纳
2回答
我正在尝试创建一个简单的动态更新的添加应用程序。我想我成功了，但我仍然在尝试理解状态。为什么text必须是一种状态，而result却不是，即使它一直在更新？
import React from 'react';
import { StyleSheet, TextInput, StatusBar, Text, View } from 'react-native';
import Constants from 'expo';
export default class App extends React.Component {
construct
浏览 4提问于2018-02-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
