ReactJS中的“任务状态”框-找不到合适的设计组件
在ReactJS中，"任务状态"框是一个用于展示任务状态的设计组件。该组件可以用于显示任务的不同状态，例如进行中、已完成、暂停等。
任务状态框通常由一个图标和文本组成。图标可以是一个小图标或者是一个颜色标识，用于快速识别任务状态。文本部分可以显示任务状态的具体描述，以便用户更加清晰地了解任务的状态。
该设计组件可以在任务管理系统、项目管理工具、待办事项列表等各种应用场景中使用。用户可以通过任务状态框快速了解任务的状态，从而更好地管理和掌控任务进度。
对于ReactJS开发者来说，可以使用Ant Design、Material-UI等UI库中提供的组件，或者自己编写一个任务状态框组件。在Ant Design库中，可以使用Badge组件来实现任务状态框。该组件支持自定义图标和文本，非常适合任务状态的展示和标识。你可以在Ant Design官方文档中查看更多关于Badge组件的介绍和用法：https://ant.design/components/badge-cn/
当然，如果你使用腾讯云进行开发，也可以考虑使用腾讯云的云开发服务。云开发提供了丰富的前端开发资源和工具，可以帮助你快速搭建应用并集成腾讯云的各种服务。具体可以参考腾讯云云开发文档中的介绍：https://cloud.tencent.com/product/tcb
综上所述，ReactJS中的"任务状态"框是一个用于展示任务状态的设计组件，可以通过Ant Design的Badge组件实现。腾讯云云开发也是一个值得考虑的选择。
相关·内容
1回答
我理解Redux的操作、还原器和商店映射的概念。我已经成功地在我的应用程序中执行了Redux。
我正在愉快地使用React的contextTypes，用于需要以前调用的Redux的数据的子组件。
然后我遇到了一个奇怪的情况，数据被一个孩子变异了。当我发布这个问题时，一位成员告诉我，无论如何，我应该谨慎地使用contextTypes。
因此，解决我的问题的唯一方法是映射到孩子的父级中的，，就像父级的一个更高的组件之前所做的那样，并将这些数据作为道具传递给孩子。
但这对我来说是不对的。又映射到同一个商店？为什么？我有什么不明白的？为什么我必须在需要另一个组件映射到的相同数据的每个组件上写这个呢？
浏览 1提问于2016-01-11得票数 4
1回答
我有一个ReactJS应用程序，我有一个页面，其中有一个表，有一个创建按钮，用于创建一个新的记录，打开一个模式来输入数据。这可以很好地工作，但我也想重用相同的模式来编辑数据。用户可以选择一行，然后单击edit，但我似乎无法获得所需的数据。
我的对话框被包含在页面上，如下所示。
render() {
return (
<div>
<h2>Parameters</h2>
<div className="row">
浏览 1提问于2017-03-24得票数 1
1回答
我搜索了类似的问题，但没有一个能满足我的疑问。在以下情况下，我如何将" this“更改为react功能组件：<SimpleStorage parent={this}/>，该组件属于库(称为react-simple-storage)，并且是在功能组件中编写的。我看到的所有例子都涉及到this.state、this.object或this.function，但没有一个是单独涉及this的。 const Books = () => {
...
return <Router>
<SimpleStorage parent={
浏览 12提问于2021-07-23得票数 0
4回答
reactjs循环两次的映射函数
、、、、
我使用两个功能组件，名为 Bord 和Square，其中Bord组件有一个名为 box 的多维数组，在第一级有两个值，这意味着该框的长度为2，索引为0和1，
[
[
[1,2,3,4],
[5,6,7,8]
],
[
[9,10,11,12],
[13,14,15,16]
]
]
我正在循环遍历方框数组并在Square组件中传递子数组，在此之前，我使用它的
浏览 6提问于2020-10-09得票数 0
我正在使用Fyne包来实现Go。我所要做的就是显示一个对话框，并让窗口自动调整到对话框的最大尺寸。我已经查看了文档和示例，但我在任何地方都找不到它！窗口始终为0x0像素。如果我向外调整窗口的大小，我可以分辨出对话框有最大的高度和宽度，但我似乎无法将其反馈回窗口的大小。下面是我的代码：
<code>A0</code>
这看起来很基本，但我就是找不到任何方法来实现这一点！我尝试过使用布局、容器等，但都没有什么不同，窗口总是0x0。我真的很感激在这方面能帮上忙！
浏览 757提问于2020-11-20得票数 1
回答已采纳
3回答
如何在挂载后更新状态，或者如何在react中从一个页面移动到另一个页面时传递状态。
在我的场景中，通过单击按钮Add New，它将定向到AddNew页面，因为单击save将重定向到display页面，这是可行的。当我在显示中移动到添加新页面时，多选保持不变(始终保持不变)，如何在重定向后获得渲染状态
class Display extends React.PureComponent{
constructor(props) {
super(props);
}
componentWillMount() {
console.log(this.state.language);
浏览 1提问于2019-12-04得票数 0
我有一个带有<v-data-table>的组件，其中包含不同的项。在每一行中都有一个按钮，用于打开显示有关所选项目的详细信息的<v-dialog>。我的问题是，我不想要一个大的组件，而是不同的，更小的组件。所以我的问题是，我如何将我想要在对话框中显示的项目传递给另一个组件中的对话框？
下面是打开对话框的Vue-code。
<template v-slot:item.open="{ item }">
<v-tooltip top>
<template v-
浏览 1提问于2019-12-13得票数 2
我有一个组件，它使用另一个组件，它从文本框中输入和输出值。我可以从子组件获得输入的值，我的问题是重置子组件的值。现在，一旦我执行了onadditem函数，在单击onadditem按钮之前，自动完成输入框仍然会维护该值。
这是父组件：
const [state, setState] = useState({
id: props.spendItem.id,
isNew: (props.spendItem.id == -1),
description: '',
vendor: ''
});
const onAddItem = (e) =>
浏览 5提问于2019-10-17得票数 0
回答已采纳
我创建了一个变量，该变量具有我希望输入框在被单击时更改为的样式。考虑到CSS、样式和其他所有内容都是导入的，我如何实现它，以便在单击输入框时，输入框的边框颜色变为蓝色？
const inputStyle = css
border-color: blue;
;
const InputBox = styled.input
myClick: function () {
inputstyle
}
;
render() {
return (
<InputBox
浏览 29提问于2018-07-23得票数 0
2回答
我想知道如何实现 (例如输入框)，如果应用程序的数据是建立在不可变数据的基础上，并且应用程序在shouldComponentUpdate()中使用"===“相等操作符来快速重新呈现的话。
让我们假设深度嵌套的数据和层次结构中某个位置的受控组件：
当通常使用本地组件状态(setState())实现这一功能时，就不会看到这些更改，因为组件层次结构呈现过程可能会跳过分支，因为不变的数据没有改变。为了避免这种情况，所有本地组件状态都必须处于应用程序状态，而受控组件上的每一个事件(例如输入框中的输入)都必须改变不可变的数据。
虽然这应该有效，但当使用不可变数据时，这是(唯一的)控制组件的实现方式
浏览 4提问于2015-02-01得票数 0
回答已采纳
前言:我是ReactJS的新手，所以我的问题会反映出我对事情是如何运作的缺乏了解。现在我用的是React + Alt。
我有一个带有父组件的基本页面(我将称之为MyContainer)，它具有多个并行面板-esque组件(MyPanel)并排显示。我现在要实现的是，每个面板组件都有一个扩展图标，当单击该图标时，将使该面板占用父容器的全部宽度(即。width:100%)并隐藏所有其他面板(即：display:none或visibility:hidden)。当再次单击按钮时，将再次显示所有面板的初始状态。
因此，我的问题是在ReactJS/Alt中实现这一点的正确方法。到目前为止，我已经完成了简单
浏览 1提问于2016-04-21得票数 1
回答已采纳
我只想问一问，怎样才能解决这个问题？对不起，我没有足够的ReactJS知识，我们有一个项目。(因为我们只在T_T课程上自学，这对我来说真的很难，但我们需要它来完成项目)
我的问题是，每次我去另一个页面，它将重置反之亦然。
当我去
列出导航并添加一些任务，然后当我转到
Pomodo timer Nav，然后再回到待办事项列表
它将重置待办事项列表导航的内部。当我添加一些任务并更改计时器的时间时，它将保持不变。
浏览 8提问于2022-10-30得票数 1
好吧，这是一个新手问题，毫无疑问，但我在搜索中找不到一个好的答案。我已经构建了一个简单的ReactJs/Redux应用程序，它似乎工作得很好，除了当我在页面上更改一个值时，它会在我的状态显示中清除另一个值。我不能说的是问题出在我的状态显示上，还是我意外地改变了状态。欢迎就此环境中的最佳实践和/或调试提供建议。
我有一个文本框和一个下拉列表，并显示状态(我想)。当我更改下拉框或文本框时，另一个值变为空白(在我的显示器中)。
这是我的容器：
import { connect } from 'react-redux';
import {
changeLogFilterMess
浏览 3提问于2018-07-24得票数 0
回答已采纳
我正在构建一个自动完成组件来搜索当前用户并将他们添加到一个团队中。搜索工作正常，但我需要定制一些我不知道如何做的事情。
首先，该组件是根据GitHub的invite用户模式建模的。您可以开始键入以搜索当前用户，并填充它找到的任何结果。然而，如果它没有找到任何结果，它只显示一个项目邀请该用户通过电子邮件。如何编辑组件的结果列表的完整状态？我所能看到的就是通过onSuggestion工具编辑每个建议的内容。我需要能够说，“如果结果为零，就显示这个。”
其次，当选择来自自动完成结果列表的建议时，我需要能够重置搜索框，因为我正在填充用户可以看到的列表。现在，搜索框中填充了建议的值。因此，我正在填充下面
浏览 0提问于2018-06-28得票数 1
回答已采纳
1回答
我正在做一个项目，在这个项目中，我将一个带有一堆句子的文件拆分成块，以便进一步发送到第三方API进行情绪分析。
第三方API有一个最多5000个字符的限制，这就是为什么我要将文件分成每个40个句子的块。每个数据块将通过AWS SQS发送到批处理作业，并通过第三方API进行情感分析。我想将所有处理过的文件合并到一个文件中。我找不到合并文件的逻辑。
例如,
输入文件，
chunk1: sentence1....sentence1... sentence1....
chunk2: sentence2....sentence2... sentence2....
输入文件被分成多个块。这些块
浏览 0提问于2021-07-30得票数 1
我是新的反应，我使用的材料ui (组件)组合框显示从一个API选定的数据。
这是我的密码：
this.state = { data: [] , dataValue: ''}
componentDidMount() {
this.props.getAllData().then(data => this.setState({data})}
render() {
return (
<FormControl variant="filled">
<InputLabel htmlFor=&#
浏览 1提问于2019-07-03得票数 0
回答已采纳
场景
根据进入道具的数据，我可能希望我的组件呈现，但我也不希望我的组件重新呈现。
码
目前，我使用的是if(!props.data) return null，但这只是返回一个空白组件。
问题
如何才能放弃呈现，使当前dom元素保持不变，而保留最后呈现的内容呢？我只希望在props.data具有真实值的情况下更新组件。
浏览 0提问于2019-09-09得票数 0
回答已采纳
2回答
我使用的是reactjs和bootstrap v3.0，但我在其中找不到任何折叠类，所以我在scss中定义了它。问题是togglebutton不起作用，或者在div上没有触发toggleevent：
toggle(e) {
console.log('testing e',e)
if (e.target.class === 'collapse') {
e.target.className = 'collapse.in'
} else {
e.targe
浏览 1提问于2016-11-16得票数 4
回答已采纳
2回答
我有一个花哨的用户界面，其中有几个‘窗格’之间的分隔符，让你改变每个人做什么。假设我有两个不同的组件-一个待办事项列表和一个简单的文本编辑器。我希望你能够改变每个窗格中存在的组件，以使用户界面灵活。例如，我可能想要将左侧的窗格从文本编辑器更改为待办事项列表。假设我有一个父元素Pane，我如何用另一个子元素替换它的一个子元素呢？
<Pane>
<TextEditor /> /* I want to replace that with a <ToDoList /> when I press a button */
<SomeOtherCom
浏览 2提问于2017-07-21得票数 1
嗨，我在react用户输入文本时遇到了一个问题。我有一个项目列表和一个输入文本。当我在第一个输入框中输入时，所有的输入框都会发生变化。如何处理这件事。 示例代码 handleEditChange(event) {
event.preventDefault();
console.log(event.target.name)
console.log(event.target.value)
this.setState({
[event.target.name]: event.target.value
浏览 28提问于2020-04-13得票数 0
1回答
在努力使用Redux、flux和其他pub/sub方法之后，我最终采用了以下技术。我不知道这是否会导致一些大的损害或缺陷，所以在这里张贴它是为了从有经验的程序员那里获得一些关于它的优缺点的光。
var thisManager = function(){
var _Manager = [];
return{
getThis : function(key){
return _Manager[key];
},
setThis : function(obj){
_
浏览 0提问于2016-02-26得票数 1
MainComponent
ComponentA
ComponentB
MainComponent包含ComponentA和ComponentB。当ComponentB更改状态时，我希望获得更改的值并将其传递给ComponentA，然后将ComponentA的状态更改为具有该值。
浏览 2提问于2016-05-26得票数 0
回答已采纳
我有下拉框，复选框，单选框，输入框。我的重置按钮会重置除输入文本框之外的所有控件，键入的单词不会重置。我的代码中有什么问题？谢谢。App.js
import React, {Component} from 'react';
import Input from './Input';
Class App extends Component {
//get intial state
getInitialState = () => {
const initialState={
keyword:''
}
return initialSta
浏览 14提问于2019-07-23得票数 1
回答已采纳
3回答
我有一个ReactJs函数，它显示一个简单的对话框，用于更新父组件的值。该函数如下所示：
export function MyDialogue(props: IMyProps) {
var myValue = 0;
return (
<div style={style}>
<label>Enter a number here: </label>
<input type="text" value={myValue} />
浏览 1提问于2019-01-21得票数 0
2回答
在用户单击delete按钮后，我正在尝试删除项目。通过handleDelete函数，当用户点击一本书时，我通过axios传递一个id (idBooks)。我如何从点击中提取它？
在下面你会发现React代码，然后是节点js中的后端代码。
前端
(class extends React.Component {
handleDelete = (e) => {
e.preventDefault();
const { book } = this.props;
axios.delete("http://localhost:8081/delete", bo
浏览 0提问于2019-11-14得票数 0
我正在做一个ReactJS项目，在这个项目中，您可以在按generate按钮时生成一个随机活动。我正在对我的api进行一次提取，以显示其中的一些数据。这个很好用。现在，每当我单击generate按钮(在home组件中)时，我都希望进行获取并显示返回的数据。因此，generate按钮必须执行一个新的获取和刷新组件。此外，在默认情况下，它必须是空的。我搜索了一段时间，找不到相关的答案。你们有些人能帮我吗？谢谢。
提取组件
import React from "react";
export class ItemLister extends React.Component {
浏览 0提问于2017-10-05得票数 10
回答已采纳
作为ReactJS的新手，我需要在全局变量声明和使用方面的帮助。场景是，我有不同的模块，我想访问所有模块中都可用的变量，而不管它们之间的关系如何。准确地说，我有一个管理面板和一个用户仪表板，没有共同的父。但是，我希望在管理面板中设置一个变量的值，并在用户仪表板和其他模块中使用该值。我试着寻找解决方案，但找不到可行的解决方案。如果用一个例子来解释这个解决方案，那将是一个很大的帮助。
浏览 0提问于2018-06-25得票数 4
回答已采纳
我在我的网站上做了一个algolia instasearch。(gatsbyjs)这很简单，基本的内容已经展示出来了。示例：
当你开始搜索时，它会自动减少命中率
我想让它像reactjs.org的搜索栏一样。(由algolia提供支持)但我找不到任何资源如何做到这一点。。
你有没有关于如何创建类似的示例或建议？谢谢
浏览 11提问于2020-05-13得票数 0
我已经创建了一个组件componentDidMount()数据，它具有从API获取数据的函数。之后，我将其导入到主组件中。主组件有一个呈现方法，其中我有一个简单的结构:第一个div -一些信息和导入的组件数据，第二个div是一个按钮，它打开一个模型，它有一些文本和按钮关闭这个模式对话框。我已经读过，componentDidMount()只在组件呈现后被调用一次。但是当我同时按下按钮打开我的模态页面时，componentDidMount()又被调用了。我需要的是，当我打开模态框时，componentDidMount()不会运行。但只有在呈现或刷新页时才运行。
主组件
import React f
浏览 1提问于2020-03-19得票数 0
回答已采纳
我正在用ReactJS重建我的投资组合，因为我正在学习这门新语言，我有一个问题。我应该只在不需要更新内容的网站上使用状态或道具吗？
这是我的主修课：
class App extends Component {
state = {
name: 'My name',
job: 'Desenvolvedor Web'
}
render() {
return (
<div className="App">
<Header name={this.state.name} j
浏览 1提问于2019-03-20得票数 1
回答已采纳
在中，有关于Refs and Functional Components的声明
您可能不会对功能组件使用ref属性，因为它们没有实例：
function MyFunctionalComponent() {
return <input />;
}
class Parent extends React.Component {
render() {
// This will *not* work!
return (
<MyFunctionalComponent
ref={(input) => { this.text
浏览 5提问于2017-06-10得票数 11
2回答
我是ReactJS的新手。我尝试做一个搜索栏，如下所示：
class SearchBar extends Component {
constructor(props) {
super(props);
this.state = {term: ''};
}
render() {
return (
<div>
<input onChange={ event => this.setState({ term: event.target.value })} />
</div>
浏览 4提问于2017-01-28得票数 2
回答已采纳
我正在开发一个在ReactJS中具有特定外观的对话框。对话框应该给用户选择开始时间和结束时间的可能性(类似于员工暂停、回来、开会等活动)。除了选择这两次之外，对话框还应该给出一个文本框来编写关于该活动的评论。
我的想法是在'ActivityDialog‘组件中创建一个可重用的组件。由于我需要选择两次(开始和结束时间)，所以我决定制作一个名为“TimePicker”的可重用组件，并使用它两次。根据规范，我需要在时间内将4位数字中的每一位(2位在小时内，2位在分钟内)分别用箭头向上/箭头向下选择(值更改)。因此，我决定制作另一个可重用的组件，我将其命名为“DigitPicker”。
所
浏览 1提问于2016-01-22得票数 1
我希望从"A“组件更新主组件的状态，然后将其推送到"B”组件，然后使用它呈现动态填充框。
主要组件:
constructor() {
super();
this.state = {
events:[],
alerts:[],
};
}
addEvent = newEvent => this.setState(state => {
const {events} = this.state
return [...events, newEvent
浏览 0提问于2018-11-30得票数 1
回答已采纳
2回答
我有正负符号的文本框，可以添加新的文本框，并相应地删除点击的文本框。我想使用reactjs来添加onclick of plus ..我可以隐藏选定的textbox (此函数为:removeChoice)，但无法添加textbox(此函数为: addChoice)
var MySelect = React.createClass({
getInitialState: function() {
return {
value: '',
浏览 4提问于2016-06-07得票数 3
我刚开始学习反应。
请参阅下面代码链接中的代码。
按“编辑”按钮时，表中的字段将更改为文本框。
这就是我想要的。
我想再次点击编辑按钮。
如何替换JSON数据中数据的值？
非常感谢你的帮助。
let UsersData = [
{Name: 'AAA',Last:"1111"},
{Name: 'BBBB',Last:"222"},
]
constructor(props) {
super(props)
this.state={
Editing:false,
}
this.toggleEditing = this
浏览 4提问于2017-10-07得票数 1
回答已采纳
我还没反应过来呢。我想监听我所拥有的菜单组件的状态更改。我需要让状态变化泡沫上升到应用程序中的最高级别，即app.jsx本身。我在应用程序中尝试过各种方法来监听事件，但到目前为止没有一种方法起作用。我没有在应用程序中使用redux，因为它只是一个我正在打开和关闭的菜单。我怎样才能在整个应用程序中听到这个变化呢？
对提供援助表示感谢。
-我的组成函数
export default class Comp extends React.Component {
constructor(props){
super(props);
this.toggleDropdown = this.to
浏览 6提问于2017-08-20得票数 2
回答已采纳
当在名为SingleLineText TextInput的父组件中发生单击时，我试图在下面显示有一个输入字段的组件。但是，单击之后，状态不会被useState更改，因此不会显示名为useState的子组件。
SingleLineText组件之后粘贴在TextInput组件下面。
SingleLineText组件：
import React from "react";
const SingleLineText = () => {
return(
<form>
<input />
</for
浏览 1提问于2021-04-28得票数 0
回答已采纳
在使用reactjs时，我可以把复杂的逻辑放在哪里，以便用Jasmine进行测试？我应该把它们放在Reactjs组件中吗？我应该创建一个独立的JS模块并通过道具将它包含到组件中吗？我应该把它放在Flux商店吗？
浏览 1提问于2015-09-19得票数 0
回答已采纳
基本上，我在我的react项目中创建了一个bootstrap表，并使用了一个折叠开关来在下拉列表中包含多余的信息。现在，当我单击下拉框时，所有的下拉框都打开了，所以我尝试将data-target属性(当前设置为#demo1)和id属性设置为动态更改，以便更好地控制哪个下拉框是打开的以及何时打开。 我正在使用React和bootstrap，我还是个新手： 我尝试将data-target设置为与键相同的唯一ID {item._id}，但什么也没有发生，我认为这是因为它前面没有#，但是如果我将它添加到表达式的前面，它会出错。 <tr
key={item._id}
className=
浏览 65提问于2019-05-23得票数 0
2回答
我读过许多关于全球状态(通常是不好的做法)的博客和堆栈交换帖子。我现在试图在代码中尽可能避免这种情况，但我遇到的情况是，我不知道如何避免全局状态：
假设我有一个处理事件的任务。如果我想计数它处理的事件的数量，并且希望通过某种调试通道显示这个计数器，那么我如何实现这个计数器而不使用全局状态？
(我的具体案例使用vxWorks任务。)
浏览 0提问于2023-01-13得票数 3
回答已采纳
3回答
我用的是ReactJS，NodeJS，MongoDB。
在我的项目中，我有一个任务列表，我正在添加新的任务(这很有效！)但是当我刷新页面时，只会追加/显示这个新任务，但是我使用的是ReactJS，这样我就可以拥有一个响应性更强的交互式网站，但我在这方面还是新手，而且我还在学习，我不知道如何使用do...Maybe，我必须用状态来做些什么？！
希望你能帮我！谢谢!
下面是我的NewTask组件：
import React, { Component } from 'react';
import './NewTask.css';
class NewTask ext
浏览 0提问于2018-10-04得票数 0
回答已采纳
我正在获取api使用api密钥和数据从输入框，我得到了错误数组，必须提供查询。我可以从inputbox中获取数据。下面是代码。
class App extends Component {
constructor() {
super()
this.state = { movie: '', movieList: [] };
this.onGetMovie = this.onGetMovie.bind(this);
}
onGetMovie(data) {
this.setState({ movie: data });
conso
浏览 4提问于2018-08-09得票数 0
回答已采纳
我是ReactJS的新手，我想知道是否有任何方法可以让道具保存用户输入字符串(从文本框中输入)。
浏览 1提问于2017-09-01得票数 0
回答已采纳
我在互联网上找不到任何功能或库来支持本机的对话框。是否有任何方式或必须使用Android本机对话框？
浏览 1提问于2017-01-18得票数 0
回答已采纳
2回答
ReactJS -重现器组件
、、、、
我正在尝试用ReactJS创建一个菜单，它有一个带有图标的SideBar和一个显示与图标相匹配的标题的BurgerMenu。从SideBar或BurgerMenu中选择菜单项时，它会更改其颜色。如果我从汉堡菜单中选择一项，一切正常，但如果我从边栏中选择它，那么在汉堡菜单中，前一项仍然是彩色的。似乎汉堡菜单中的项目没有重新呈现，我找不到解决方案。代码如下：
import React from 'react';
import styled from "styled-components";
import NavItem from "./NavItem
浏览 12提问于2020-03-08得票数 0
回答已采纳
目前，我正面临一个JS/React/React原生的问题。我从API中提取类别，并从结果中生成按钮(它们经常根据URL中的不同变量进行更改)。我使用的代码如下：
const cats = singles.map((d) => {
return (
<TouchableOpacity key={d} style={styles.Settingcats}><Text style={{color: '#f55f44'}}>{d}</Text></TouchableOpacity>
)}
使用动态生成的按钮，我希望它们能够在应用
浏览 0提问于2018-10-23得票数 0
回答已采纳
3回答
我正在尝试在我的Rails应用程序中实现一个过滤器功能，我需要关于如何实现它的建议/想法。
我希望能够过滤结果，并在同一页上显示它们(就像做旅游网站: skyscanner，liligo等)。当你在这些网站上勾选一个框时，结果会立即更新。
页面看起来是这样的:结果页面
我最初的想法是将Eventlisteners添加到每个框中，并使用get请求从我的api中获取数据。每次勾选一个框时，它都会触发一个包含用户选择的每个参数的请求。然后它会将结果插入到它旁边的div中。但是做这样的事情感觉真的很混乱。
还有什么是更好的选择呢？
我已经看到，这些网站中的大多数都使用React来做到这一点。
浏览 0提问于2019-04-23得票数 1
我有两个组件SideNav和仪表板(两个在不同的js文件中)。SideNav将选择框作为筛选器。我必须将一个数组从仪表板组件传递到Sidebar组件。这个数组必须作为选择框(在sidenav组件中)的值。
如果在两个不同的JS文件中定义了两个不同的组件类，那么P.S.JS将是什么情况。例如，HomeComponent/Home.js、->父组件Dashboard/Dashboard.js ->子组件我正在对"Home.js“文件进行API调用并获取一些数据。我想将这些数据传递给"Dashboard.js“文件(组件)--我所研究的所有示例，它们都显示在同一个JS文件
浏览 6提问于2017-09-26得票数 17
回答已采纳
我有一个组件，它是一个打开对话框的按钮。
const myComponent = () => <div><button>click me</button></div>
当按下按钮时，我希望打开对话框。
我应该将onClick功能定位在哪里(这将针对商店分派一个操作以显示对话框)？
我应该使用mapStateToProps在道具上创建一个函数来打开对话框，还是对这么小的组件来说太过分了？
浏览 1提问于2017-12-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
