当我加载它时，我的流星项目不断使我的浏览器崩溃。this.setState({input_36:currentApp.input_36});如果我在 App.jsx 文件中注释掉，我只能避免浏览器崩溃。有人可以告诉我如何修复我的代码，以便项目可以加载而不会崩溃，如果您单击 中的任何超链接<ul>，它将重新呈现表单？href=并通过确保属性存在来确保链接符合 WCAG 和搜索引擎优化？
这是我的项目...在终端命令行中我做
meteor create crudapp
cd crudapp
rm crudapp.js
meteor remove autopublish
meteor add react
meteor add iron:router
然后我的项目中有以下文件
crudapp.html
<head>
<title>Application Form</title>
</head>
<body>
<div id="render-target"></div>
</body>
crudapp.jsx
Applications = new Mongo.Collection("applications");
if(Meteor.isServer)
{
Meteor.publish("applications", function(){
return Applications.find();
});
}
var configAppRoute = {waitOn:function(){return [Meteor.subscribe('applications')]},action:applicationController};
Router.route('/application',configAppRoute);
Router.route('/application/:appid',configAppRoute);
function applicationController()
{
var router = this;
Meteor.startup(function () {
ReactDOM.render(<App router={router} />, document.getElementById("render-target"));
});
}
Meteor.methods({
saveApplication(formVals) {
formVals['createdAt'] = new Date();
Applications.insert(formVals);
}
});
应用程序.jsx
应用 = React.createClass({
混合：[ReactMeteorData]，
获取流星数据（）{
返回 {
应用程序：Applications.find({}, {sort: {createdAt: -1}}).fetch(),
}
},
获取初始状态：函数（）{
返回 this.loadForm(this.props.router.params.appid);
},
loadForm(appId) {
var currentApp = Applications.findOne({_id:appId});
if(!currentApp) currentApp = {};
返回当前应用程序；
},
clickLoadForm(appId)
{
var currentApp = this.loadForm(appId);
//this.setState({input_36:currentApp.input_36});
},
渲染列表应用程序（）{
var _this = 这个；
返回 this.data.applications.map(function(applicationform,i) {
return <li key={"li"+i}><a onClick={_this.clickLoadForm(applicationform._id)} href={Meteor.absoluteUrl()+'application/' +applicationform._id} key={"a "+i}>版本{applicationform._id}</a></li>;
});
},
处理提交（事件）{
event.preventDefault();
var refs = this.refs;
var formVals = new Object();
Object.keys(refs).map(function(prop, index){
if(refs[prop].nodeName.match(/(INPUT|SELECT|TEXTAREA)/).length > 0)
formVals[prop] = refs[prop].value;
});
Meteor.call("saveApplication", formVals);
},
处理改变：函数（e）{
this.setState({ input_36: e.target.value });
},
使成为（） {
返回 （
<div className="container">
<ul>
{this.renderListApplications()}
</ul>
<div>{JSON.stringify(this.data.currentApplication)}</div>
<form className="new-task" onSubmit={this.handleSubmit} >
<input ref="input_36" type="text" tabIndex="1" value={this.state.input_36} onChange={this.handleChange} />
<button type="submit">提交</button>
</form>
</div>
);
}
});
然后我转到命令行并键入meteor以启动项目。然后我去我的网络浏览器。出现一个文本字段，您可以输入一些内容并按几次 Enter，您创建的每个表单的列表将自动出现。
接下来，我通过取消注释粗体来修改 App.jsx。该项目将重新编译。然后我转到我的网络浏览器，它因为带有错误消息的无限循环而冻结
在现有状态转换期间无法更新（例如在“渲染”内）。渲染方法应该是 props 和 state 的纯函数。
我该如何解决这种情况，以便它加载项目并单击链接将重新呈现表单？