栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

与组件反应引用

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

与组件反应引用

最好将

ref
视为回调属性,并且不再依赖于
refs
Object。如果确实使用
refs
对象,请避免访问
refs
后代组件。您应该将其
refs
视为私有访问器,而不应将其视为组件API的一部分。仅将组件实例上公开的方法视为其公共API。

对于这种情况,我建议从Submit事件中获取表单,并根据需要遍历其子表单元素。添加

name
属性,因为这是在标准表单提交中识别表单元素的方式,因此您完全不需要
refs

var ActivityForm = React.createClass({  handleSubmit: function(e) {    e.preventDefault();    var form = e.target;    // Use the standard [`HTMLFormElement.elements`][1] collection    //    // [1]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements    var content = form.elements['content'].value;    // do more things with other named form elements  },  render: function() {    return (      <div className="new-activity">        <h3>New Activity</h3>        <form onSubmit={this.handleSubmit}>          <textarea name='content' />          <br />          <label>Category</label>          <ActivityFormCategoryDropdown />          <br />          <input type="submit" value="Add Activity" />        </form>      </div>    );  }});

2016年9月21日更新:根据 字符串属性文档的

refs
指导,修订建议以避免对象全部在一起。
ref



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/448906.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号