#React 如何在React 16版本中呈现数组,字符串和数字?
数组:与旧版本不同,您无需确保render方法在React16中返回单个元素。您可以通过返回数组来返回多个没有包装元素的兄弟元素。例如,让我们采用以下开发人员列表,
const ReactJSDevs = () => {
return [
<li key="1">John</li>,
<li key="2">Jackie</li>,
<li key="3">Jordan</li>
];
}
您还可以将此项目数组合并到另一个数组组件中
const JSDevs = () => {
return (
<ul>
<li>Brad</li>
<li>Brodge</li>
<ReactJSDevs/>
<li>Brandon</li>
</ul>
);
}
字符串和数字:您还可以从render方法返回字符串和数字类型
render() {
return 'Welcome to ReactJS questions';
}
// Number
render() {
return 2018;
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。