处理来自React状态的动态背景

文章/答案/技术大牛

发布

1回答

reactjs

我有一个React组件，它有一个背景图像。图像的选择是这样处理的： state = {} "url(" +/img/bar/${getProgressBackground(this.state.image)}`) + ")"; 有一个动作按钮，一旦触发，就会将计数器设置为image状态</e

浏览 20提问于2019-01-03得票数 1

回答已采纳

1回答

React阿波罗:从组件状态动态更新GraphQL查询

javascript、reactjs、graphql、react-apollo

我有一个组件，它使用GraphQL修饰器语法显示来自react-apollo查询的结果。查询接受一个参数，我希望根据组件状态动态设置该参数。考虑以下简化示例：import { graphql } from ‘react-apollo’; {thi

浏览 0提问于2017-06-28得票数 11

回答已采纳

2回答

模型(如骨干模型或符号模型)是否真的需要与反应？

javascript、backbone.js、reactjs、ampersand.js

我来自于脊梁/ Marionette背景，并且已经工作了几个星期了。很多人说，你应该和脊骨或Ampersand.js这样的东西成对，在经典的MVC模型中使用React作为V和主干/符号作为"M“和"C”。然而，我越多地思考这个问题，我就越想知道这是否真的有必要。在主干/符号中，模型的主要目的是跟踪状态，并在模型状态更改时“告诉”视图更新。当然，在React中，视图通过视图的<

浏览 3提问于2015-05-28得票数 0

回答已采纳

1回答

在React中处理数据的最佳方法是什么-本地移动应用程序？

react-native、redux、realm、react-redux、asyncstorage

由于我来自目标-c/ Swift背景，并且是新的React和React原生，所以很难深入到新的环境中。我对React进行了一些研究--本地人，这帮助我理解了一些基本概念，如组件、状态、道具等。我被困在反应本机应用程序如何处理数据的部分，比如存储和获取。在ios中，我们可以使用核心数据框架来处理所有这些事情。在这些研究中，我遇到了Redux & AsyncStorage。但我所理解<

浏览 0提问于2018-01-30得票数 6

1回答

React动态表单状态处理

javascript、json、forms、reactjs、react-dom

我有一个动态表单。表单的增长不是基于用户输入的首选模式，我捕获表单中的所有用户输入作为React State。在表单提交时，我将状态( JSON )转换为YAML。此状态的file.The结构具有包含多个数据结构的深树。当我更改这个深树中的任何元素时，表单都会更新。但是，随着动态表单的增长，表单加载时间和反应时间也会增加。有没有办法更快地处理这种复杂的<

浏览 14提问于2016-07-19得票数 0

1回答

如何为新创建的处于活动(按下)状态的html按钮添加背景图片？

javascript、html、css

我的脚本动态创建按钮： let foo (obj) { ... } 这些按钮的CSS样式来自obj button.style.cssText = obj.cssText 现在我需要处于活动(按下)状态的按钮改变其背景。背景图像也是来自对象的。obj.background 如果我已经得到

浏览 61提问于2019-03-17得票数 0

回答已采纳

1回答

如何使用result存储查询结果

reactjs、typescript、react-hooks、react-query、zustand

我想把经过身份验证的用户放在祖站商店里。我让经过身份验证的用户使用react query，这会导致一些问题。我不知道我为什么要这么做。我希望所有与身份验证相关的东西都可以在一个钩子中访问，所以我认为作站是一个很好的选择。这是获取每个用户的钩子： const { data } = await axios.get<AuthUserResponse>(`}; export const useAuthUs

浏览 2提问于2021-08-07得票数 1

回答已采纳

1回答

处理电台的变化在反应JS？

javascript、reactjs

我正在处理React和，并且在处理单选按钮的状态更改时遇到了困难。我有一个函数getField，它动态地呈现来自状态的输入类型。我有另一个函数HandleFormStateChange，它处理输入的更改事件，但是我遇到了单选按钮的问题。用户一次只能选择一个选项，但它似乎是在选择同时的选项。import R

浏览 0提问于2020-06-21得票数 1

回答已采纳

1回答

从react获得当前位置-路由器-redux

reactjs、redux、react-router、react-redux、react-router-redux

当使用“react路由器-redux”时，如何获得当前位置？这是routing状态： routing: { pathname: "/foo",这也是奇怪的，这是我的路由状态的唯一属性。我怀疑我做错了什么。'redux'; import { routerReducer, routerMiddleware } from '<e

浏览 1提问于2016-08-19得票数 5

回答已采纳

4回答

类型记录& ReactJS如何动态设置状态

reactjs、typescript、types

我将这个接口定义为我的状态： id: string; description: string; file: File | null; isFormValid: boolean;}; update = (event: React.FormEvent<HTMLIn

浏览 1提问于2018-10-29得票数 9

1回答

状态和setState lit-element在哪里？

polymer、web-component、lit-element、lit-html

来自react背景，我想知道在lit-element中状态和setState的等价物在哪里，我在lit-element文档中找不到任何有用的东西。这是私人财产吗？或requestUpdate

浏览 9提问于2019-05-23得票数 4

回答已采纳

1回答

反应动态元素的本机变化状态

reactjs、react-native、mobile、native、expo

我试图循环一个数组来呈现列表中的项(在react本机中)。每个项目都有一个按钮。当有人单击该按钮时，我如何更改该按钮的背景色？我已经尝试过.setState了，但问题是，它改变了列表中每个按钮的背景色。我能做什么?有没有一种动态创建新状态的方法？

浏览 0提问于2019-03-16得票数 1

1回答

useState()上的视频源不更新

reactjs、video、state、refresh

import React, { useState, useEffect } from 'react'; > </video>} 我正在尝试制作一个具有动态背景的天气应用程序，与当前的天气相吻合

浏览 1提问于2021-05-25得票数 0

1回答

在使用jquery的react中创建切换按钮不起作用

jquery、node.js、reactjs、typescript

我的react web应用程序遇到了一个问题。我想做一个投票系统，如果你点击点赞按钮，它就会改变颜色，并且只能点赞一次。如果你再次击中它，它会回到“中性”状态，并且like计数会减少。例如，如果你有喜欢的东西，而你点击了“不喜欢”，那么“喜欢”就会回到正常状态，而“不喜欢”就会改变颜色。基本上喜欢YouTube的视频类系统。不过，我在使用我的方法时遇到了这个问题： const[score,setScore] = useState(0); const[dislik

浏览 40提问于2021-09-27得票数 2

回答已采纳

1回答

将数据交换日期状态推送到另一个响应组件。

reactjs、react-hooks、react-props、react-dom、react-datepicker

我很难找到一种方法来可靠地存储来自react的数据状态数据，并通过URL参数将该状态导出到另一个组件。为了给出一些背景，我有两个部分。一个包含react datepicker日历的Picker.JS组件和一个名为"DelayGuage“的单独组件，它使用API调用动态地绘制google图表图解。唯一的问题是，此API调用具有一个名为{ date }的动态</em

浏览 7提问于2022-06-21得票数 0

2回答

无法使wordpress API与React一起使用

reactjs、wordpress、rest

首先，感谢您的帮助。我是个新手，来自PHP/Wordpress背景。我试图将来自WordPress应用程序接口调用的项添加到一个状态中，但是当我尝试从该应用程序接口调用中访问信息时，它总是给我一个未定义的错误。这是我的代码，我希望有人以前处理过这个问题，并能提供帮助。import React from "react"; import { BrowserRouter as

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

1回答

正在更改react表单，但输入值不可编辑

javascript、reactjs、ecmascript-6、redux

我来自angularjs的背景，有了双向绑定，我不用太担心，只要声明一个提交函数，我就可以得到改变或不变的值。 super(); this.handleChangetype="text" placeholder="name" val

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

回答已采纳

2回答

响应仅在firebase中调用的本机火基setBackgroundMessageHandler

javascript、firebase、react-native、firebase-cloud-messaging、react-native-firebase

我有一个react本机应用程序，并安装了get本机应用程序&消息传递，并且可以接收通知，但我需要的是传入呼叫通知，所以我实现了处理程序，以便在应用程序关闭时首先捕获通知，但是即使我的日志没有出现在控制台和设备中，也只是显示出在应用程序处于空闲状态时会被初始化和触发，为什么呢？

浏览 14提问于2022-09-05得票数 0

2回答

如何知道，我的应用程序是什么时候聚焦的还是非聚焦的--反应本土化？

ios、react-native

在其中一个屏幕上，有一个按钮，点击该按钮，向用户发送电子邮件，并打开默认的电子邮件应用程序。对生命周期方法作出反应，如：不起作用。

浏览 2提问于2019-10-29得票数 1

回答已采纳

2回答

在某些情况下绕过useState是正确的做法吗？

reactjs、react-hooks、use-state

在我的反应成分中有两种状态：const [selectedItem, setSelectedItem] = React.useState(null);// Toggle callout visibility我有一个重置功能来重置我的状态setIsCallout

浏览 1提问于2021-01-30得票数 1

回答已采纳

点击加载更多