React 中有没有快速创建元素技巧?
比如像Vue这样?
<span v-for="n in 10">{{ n }} </span>
我能想到React中最快的方式
{[...Array(10)].map((n, i) => (
<Span key={i}>{i}</Span>
))}
React 中有没有快速创建元素技巧?
比如像Vue这样?
<span v-for="n in 10">{{ n }} </span>
我能想到React中最快的方式
{[...Array(10)].map((n, i) => (
<Span key={i}>{i}</Span>
))}
react没有类似vue的这种指令 不过你可以自己封装个组件做 类似这样
const Reapeat=({length,Com,...comProps})=>{
return Array.from({length},(item,index)=>(<Com index={index} key={index} {...comProps}
/>));
};
const Span=props=>(<span style={{color:props.color}}>{props.index}</span>);
const App=props=>(<Reapeat length={10} Com={Span} color={'red'} />);
4 回答1.7k 阅读
2 回答1.1k 阅读✓ 已解决
1 回答1k 阅读✓ 已解决
2 回答2.6k 阅读
4 回答1.3k 阅读
1 回答728 阅读✓ 已解决
2 回答898 阅读✓ 已解决
react 中并不包含 v-for 类似的指令,需要手动构建一个列表,你写的方式是比较常用的方式。