Please document how to reference a list of items
未关闭
还没有人认领这个 Issue。
- 主要语言
- JavaScript
- 星标
- 11.8k
- 派生
- 7.9k
- 平均合并
- 1 天 11 小时
- 30 天内合并 PR
- 11
描述
Please document how to use forwardRef (the preferred way) to retrieve a list or array of items. For example,
const foo = React.forwardRef( (props,ref) =>
props.superHeros.map(
( hero, index) => <li ref={ ref } key={ index }>{ hero }</li>
)
)
Perhaps the key question here is, why not do this?
componentDidMount(){
const foo = this.refs.root.querySelector('.foo')
...
}
Suppose there are 50,000 className='foo' elements that are returned by an embedded component. Is this code not portable? Is this code slower than having 50,000 ref created?
Please document this.
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
从 issue 中的 forwardRef 示例开始,并将其与 componentDidMount/querySelector 方法进行比较。记录如何引用项目列表或数组,包括针对多个元素提出的可移植性和性能问题。当首选方法及其权衡得到清晰说明时,即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- javascript, react
- 领域
- documentation
- Issue 类型
- 文档
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100