代码如下:
function formatName(user){
return user.firstName + ' ' + user.lastName;
}
const user= {
firstName: 'Harper' ,
lastName: 'Perez'
};
const element = (
<h1>
Hello,{formatName(user)}!
</h1>
);
ReactDOM.render(
element,
document.getElementById( 'root ' )
);
定义一个函数formatName,参数是user,user有firstName和lastName,通过一个空格连缀起来可以作为该函数的返回值。然后定义一个element,这一部分是JSX。该element等h1标签的Hello,然后调用formatName函数传递user这个参数之后返回的结果。最后调用ReactDOM.render方法将常量化出。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。