草庐IT

reactjs-toolbox

全部标签

javascript - 如何在回调 : ReactJS 中使用 setState

以下是我用来设置状态的代码。handleAddNewQuiz(event){this.quiz=newQuiz(this.db,this.newQuizName,function(err,affected,value){if(!err){this.setState({quiz:value});//ERROR:Cannotreadproperty'setState'ofundefined}});event.preventDefault();};即使数据库创建成功,我也无法调用this.setState,因为它始终未定义。我试过:self=this;handleAddNewQuiz(eve

javascript - ReactJS 如何处理 Rails 事件记录关联

我正在遍历用户的帖子项目。我可以根据我的关系列出项目而不是他们的个人资料:后模型:belongs_to:user资料模型:belongs_to:user用户模型:has_many:postshas_one:profile帖子Controller:classPostsController索引页面Controller:classPagesController没有JS,我通过以下方式获取值:%>现在有了React,我可以为此使用react-railsgem:varPosts=React.createClass({render:function(){varcreateItem=(p)=>({p

javascript - 在reactjs中管理整个 body

我有一个React组件管理React中的整个应用程序。看起来像:varPage=React.createClass({displayName:'Page',render:function(){return(React.DOM.div(null/*,stuffhere..*/));}});html看起来像我把它渲染成:React.renderComponent(Page(null),document.getElementById('content'));但相反,我想对整个body标签使用react,因此没有多余的嵌套div。我怎样才能渲染这样的东西? 最佳答案

javascript - ReactJS 页眉和页脚

我正在尝试创建一个Layout组件来呈现Header和Footer。这样我以后就可以像使用Layout...显然,我在页眉和页脚中使用了路由。为此,我需要使用当我在我的layout.js中一个接一个地执行此操作时(对于页眉和页脚:虽然我觉得这是错误的)。有用。页眉和页脚显示在浏览器中。但是,它们不能正常工作。刷新时,页脚消失,​​有时页眉和页脚都消失。我坚信一个接一个地渲染Router是造成这种故障的原因,但我想不出正确的方法。此外,我不想使用以下代码片段header.jsimportReactfrom'react';import{Link}from'react-router'impo

javascript - Internet Explorer 和 ReactJS 的 Object.entries() 替代品

好吧,我已经构建了几个星期的Web应用程序,一切都很好。我到达了我必须在InternetExplorer中测试的部分,在出现的所有问题中(除了一个之外,所有问题都是固定的),不支持Object.entries()。我一直在做一些研究并尝试提出一个简单的替代方案,但一点运气都没有。更具体地说,我从API中引入了一个对象,以填充的选项。字段我必须过滤一些信息,就像这样:Object.entries(this.state.filterInfo.sectorId).map(this.eachOption)//FunctioneachOption=([key,val],i)=>{return({

javascript - ReactJS:如何从另一个事件触发表单提交事件

我有两个react事件:表单提交事件sendMessage:function(event){console.log(event);event.preventDefault();},按键事件textareaKeypress:function(event){if(event.which==13&&!event.shiftKey){document.getElementById('messagebox').submit();}},但是reactJS没有捕获由textareaKeypress触发的表单提交。如何使用适当的事件从textareaKeypress调用sendMessage?

javascript - 找不到 javascript 库的 ruby​​-toolbox 等价物

我正在寻找类似于ruby-toolbox.com的网站但经过很多努力,我无法找到一个。您对最新且维护良好的JS库注册表有什么建议吗? 最佳答案 我也希望了解NPM社区对模块比较的青睐。我认为原始发布者正在寻找类似ruby​​-toolbox的并排比较工具之类的东西。npmjs有下载统计数据、存储库更新日期和github中每个包的问题等数据点,但没有并排比较。我在https://npmcompare.com上找到了评级系统更类似于ruby​​tool-box。尽管我发现并排分析很有帮助,但值得注意的是,开发人员熟练掌握如何自行评估任何

javascript - 使用 reactjs 提交表单

我是reactjs的新手。我正在使用reactjs创建一个示例项目。首先,我收到类似状态为空的错误。设置初始状态后出现错误IgotWarning:valueLinkproponinputisdeprecated;setvalueandonChangeinstead我知道有很多与此相关的问题,但我的问题没有解决,请帮忙。代码如下:importReact,{Component}from'react';import{Link}from'react-router'importvalidatorfrom'validator';importLinkedStateMixinfrom'react-ad

javascript - ReactJS - 如何从通过获取数据填充的 Prop 正确初始化状态?

这是我的编辑组件:classEditFieldextendsReact.Component{constructor(props){super(props);this.state={value:''};}edit(e){this.setState({value:e.target.value});if(e.keyCode===13){this.props.onEdited(this.state.value);}}render(){return()}}我需要像这样从props填充状态:functionContainer({entity,onEdited}){return();}Contain

javascript - 在 reactjs 组件上渲染多个项目

我正在实现抽象工厂并且getitems方法工作并返回我模拟的2个项目,但是我不确定如何在react组件中呈现这些项目我的代码在下面抽象工厂.tsximport*asReactfrom'react';import{IAbstractFactoryProps}from"./IAbstractFactoryProps";import{IAbstractFactoryState}from"./IAbstractFactoryState";importstylesfrom'./Abstractfactory.module.scss';import{escape}from'@microsoft/s