草庐IT

babel-plugin-react-html-attrs

全部标签

javascript - React : Given an array, 有效地以相反的顺序渲染元素

我目前以典型的React风格呈现列表。该列表作为数组属性传递,我像这样映射它:{this.props.myList.map(createListItem,this)}因此,当添加一个新元素时,它看起来像是最新的项目被添加到列表的末尾。我希望最新的项目出现在顶部。即一切都按时间倒序出现。到目前为止,我想到的两个选项是:1)反转列表,每次添加内容时创建一个新数组,并将这个反转列表作为prop传递。2)使用shift。但由于性能原因,它们都没有吸引力。我不知道Javascript支持倒序映射。我一直在尝试for循环,但一直无法让它工作。在React中以相反顺序呈现数组的惯用方法是什么?

javascript - 单元测试 react Action - browserHistory 未定义

我为我的行为编写测试,使用{browserHistory}from'react-router';当我运行测试时,导入的browserHistory由于未知原因未定义。因此,测试会抛出一个错误——“无法读取未定义的‘push’属性”;我不知道,为什么browserHistory未定义,如果它在我的应用程序中有效。有人可以帮助我吗? 最佳答案 我猜你没有使用karma或任何浏览器来运行你的测试。如果没有浏览器,对象browserHistory将是未定义的。您可能需要使用sinonstub您的浏览器历史记录。类似以下内容可能有帮助:imp

javascript - 如何在 React JS onSubmit 函数调用中传递第二个参数

代码如下importReactfrom"react";varnewForm=React.createClass({handleSubmit:function(e,text){e.preventDefault();console.log(text);},render:function(){return();})};module.exports=newForm;我想要实现的是当我提交表单时,我想要字符串“react!!!”在控制台中打印出来并防止默认事件同时发生。显然,将参数传递给“handleSubmit”函数会破坏代码。是否可以将onSubmit事件的参数传递给附加到该事件的函数?

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - 在 React Hooks 中使用具有 `Set` 状态的动态变量?

这是React组件中非常常见的模式:handleTextFieldChange(event){constname=event.currentTarget.name;this.setState({[name]:event.currentTarget.value})}什么Javascript语法可以用来对Reacthooks做同样的事情?即可能类似于以下内容:handleTextFieldChange(event){constname=event.currentTarget.name;this.set[name](event.currentTarget.value);}

javascript - 对于简单的 HTML5 + jQuery 应用程序,我应该使用什么 JavaScript UI 测试框架?

我打算在业余时间编写一个简单的HTML5+JavaScript(jQuery)应用程序,以便跟上最新的网络技术(在工作中它是更高级的C#后端技术)。我想以过去十年左右的方式进行开发,即TDD风格。作为HTML/JavaScript中的TDD/BDD/AcceptanceTDD世界的新手,我的问题是:是否有一个很好的框架或类似的框架来针对浏览器中的网页编写测试(开箱即用的支持许多浏览器是一个明确的优势)?我想使用JavaScript的原因有两个。1.我想学习更多JavaScript,并且2.我想使用与开发相同的语言进行测试。否则,我可以简单地使用我的C#技能并使用Selenium、Wat

javascript - 如何使 html 看起来已禁用?

我在一些论坛上看到,让一个html表格看起来不可用就是加一层div。我的问题是我不知道该怎么做。我有3个问题:如何设置div高度,当添加新行时表格增加高度时它会自动调整到表格高度。如何让div覆盖表格。我不知道如何对html元素进行分层。我如何编写javascript代码,使我的表格在单击“禁用”按钮时看起来已禁用,并在单击“启用”按钮时再次启用它。tabledisabletest.htmltable#tblTest{width:100%;margin-top:10px;font-family:verdana,arial,sans-serif;font-size:12px;color:

javascript - 在 play 2.0 框架上将 javascript 导入 html

我在将本地javascript文件包含到play框架上的html中时遇到问题。路径是正确的,我什至尝试将javascript文件包含在同一目录中。但是,从网络(我正在使用的主要库)导入工作正常。@(execId:String)Timelinealert(tester());javascript文件看起来像这样functiontester(){return"test";}我得到的错误是:testerisnotdefined在有警报的那一行 最佳答案 根据assetsdocumentation(和一般的路由)你需要在你的模板中使用反向路

javascript - 在 HTML + Nodejs 中显示图像

我是nodejs的新手。我想创建一个非常简单的网站,它有3个页面。我想在每个页面中显示图像以使页面看起来统一。我的代码是这样的:/***Moduledependencies.*/varexpress=require('express');varroutes=require('./routes');varuser=require('./routes/user');varhttp=require('http');varpath=require('path');varfs=require('fs');varmail=require("nodemailer").mail;/*Listofvar

javascript - 服务器在静态网站上渲染 React js

我最近一直在探索React,我看到了如何设置诸如Node到服务器渲染代码之类的东西。出于速度原因,我真的对使用静态页面很感兴趣,但我不确定在使用静态html时是否可以渲染React组件。我可以使用类似nginx的东西来触发react渲染吗?或者我是否需要更多并且必须使用Node、rails或sinatra之类的东西?很抱歉,如果这是一个被误导的问题,我对服务器客户端交互没有很强的感觉。 最佳答案 我们导出一个允许您呈现为静态HTML的函数-ReactDOMServer.renderComponentToStaticMarkup(do