jsx相关内容

接口状态和打字稿中的道具反应

我正在开发一个使用打字稿以及反应的项目,并且两者都是新手.我的问题是关于打字稿中的界面以及它与道具和状态的关系.实际发生了什么?除非声明接口属性和状态,否则我的应用程序根本不会运行,但是我通过react构造函数使用状态,并且我已经看到了一些示例,其中所有这些信息都将放入“接口MyProps"或“接口MyStates"中,因此请使用以下代码例子 "use strict"; import * ..
发布时间:2020-04-25 03:20:16 其他开发

React从数组访问值

我在React中有一个表单,可以动态添加新的输入元素.这似乎正常,但我似乎无法访问此屏幕截图中所示的输入值... 我尝试了以下 console.log(this.state.telephone.name) 和... console.log(this.state.telephone.tidx.name) 其中tidx是唯一键. 这里是构造函数... con ..
发布时间:2020-04-25 03:20:14 其他开发

使用道具设置'& :: hover'背景颜色

我包装了Material-UI的芯片组件,以便为colors道具传递"primary"和"secondary"以外的值.如果芯片是可单击的,我还希望保持悬停效果,以便当光标位于其上方时,芯片会转换为其他颜色.颜色作为道具传递,因此设置backgroundColor和color很容易: ..
发布时间:2020-04-25 03:20:10 前端开发

编译/缩小的jsx文件大于原始文件

除去所有空格后,原始jsx文件大小为189k.已编译/缩小的文件大小js为217k,没有任何依赖性.我已经使用了所有的webpack/babel优化来最小化代码大小,除了树状握手.我打算缩短成员变量/函数名称以减小文件大小,因为js-minify仅能处理局部变量名称,例如用更短的名称替换react的createElement.我只是手动尝试过,删除createElement后文件大小减少了9k.不 ..
发布时间:2020-04-25 03:19:53 其他开发

ReactJS:意外令牌'<'

您好,我尝试搜索其他问题,但我尝试过的上述解决方案均不适用于我. 使用命令时: npm开始 我有一个错误: ./src/index.js中的错误 模块构建失败(来自./node_modules/babel-loader/lib/index.js): 语法错误:D:/Kodilla/Projekty/webpack-to-do-app/src/index.js:意外>令牌(6 ..
发布时间:2020-04-25 03:19:49 前端开发

React中的延迟数组映射迭代

我有一个要迭代的数组.我需要将其延迟几秒钟. {this.props.things.map((thing, index) => { return ( {thing.content} // Delay 1 second here ) })} 此数组的初始状态总是不止一个.为了实现UI,我希望它们一一加载到DOM中 ..
发布时间:2020-04-25 03:19:43 前端开发

React-使用循环创建嵌套组件

我对React有一点问题.我无法使用for循环创建嵌套组件.我想做的是创建一个表的9个单元格,然后创建3行,每行3个单元格,然后将3行安装在一起并创建9x9的电路板. 让我说我想得到这样的东西,但是要使用循环 class Board extends React.Component { renderSquare(i) { return ..
发布时间:2020-04-25 03:19:21 前端开发