jsx相关内容

setState用于嵌套对象

我有一个嵌套对象作为状态,我在组件中有一个表单。每当用户在表单中输入内容时,我就会考虑更新状态,并避免为每个输入创建许多函数,而我正在考虑使用switch创建单个函数。 使用switch创建单个函数是个好主意吗? 如何更新对象的单个嵌套元素? 我尝试使用以下代码但不起作用: class App extends Component { constructor(props){ ..
发布时间:2019-06-06 00:40:21 前端开发

React(JSX)中的子级到父级通信没有流量

我是React的新手,我正在努力解决我认为简单的问题。这是我构建的组件的图片。 颜色选择组件 我想要完成的工作似乎微不足道,但实际上我读过的每篇文章都解释了该怎么做告诉我不同的东西,而不是其中一个解决方案有效。它分解为:当用户点击标签时,它会构建一个托盘并循环遍历一系列颜色以构建颜色按钮。单击颜色按钮时,需要将单击的颜色传递给其父组件并运行函数以更新其颜色。我已经读过关于焊剂,事件冒泡 ..
发布时间:2019-05-24 18:13:09 前端开发

在React中迭代数据数组时渲染JSX元素的最有效方法

我有一个包含对象的数组。我正在创建此数组的映射,以使用 span 组件呈现名称。 let data = [{“id”:“01”,“name”:“Hi”},{“id”:“02”,“name”:“Hello”}]; 我一直在使用以下两种不同的功能来迭代该对象数组,并使用map to渲染JSX元素。 功能1: import React,{Component来 ..
发布时间:2019-05-24 17:08:18 前端开发

React - JSX语法问题,以及如何在换行符上迭代地图和显示项目

我是React noob并制作待办事项列表样式食谱列表应用。我有一个功能组件,Item.js,我正在使用JSX和map函数迭代每个配方项并显示它们。我希望每个食谱项目都出现在一个新行上,但是当我使用.map迭代它们时,React将整个食谱项目列表放入一个p标签而不是每个项目的一个p标签。 如何迭代配方项目并将它们显示在不同的行上?即使我尝试将它们显示为无序列表,React也希望将每个项目放在 ..
发布时间:2018-11-15 15:27:34 前端开发

从react文件夹中导入所有文件

我通过index.jsx从'icons'中的文件夹导入所有SVG,如下所示: index.jsx: 从'./about.svg'导出; 这里是导入: Button.jsx import来自'react'的React; import'./MenuIcon.scss'; import *作为来自'./icons'的IconID; const ..
发布时间:2018-08-01 11:38:45 其他开发

使用JSX在React中显示来自JSON / API的图像

我是一个React noob,我正在发出一个API请求,要求从电影API中检索JSON,然后在我的组件中显示有关电影的信息,包括电影海报。我能够检索并显示文本,但是我无法使用JSX和数据库的URL显示图像。 我已将图像分配给post.poster_path我正在尝试将URL的其余部分连接到JSX。 ..
发布时间:2018-07-26 16:23:51 其他开发