react 学习笔记

react 笔记

JSX

 jsx是一个javasciprt的语法扩展，jsx可以生成React元素，可以更好的藐视ui应该呈现出他应有交互的本质形式。

JSX 可以防止注入攻击

 你可以安全的在jsx中插入用户输入内容，例如

const title=response.potentiallyMaliciousInput;
const element=<h1>{title}</h1>

 React dom在渲染所有输入内容之前默认会进行转义，确保你的应用中不会注入明确编写的内容

JSX可以嵌入表达式

 在JSX中你可以在大括号内放置任何有效的javascipt表达式，例如：

const name='josh'
ReactDom.render(
    element,
    document.getElementById("root")
)

JSX也是一个表达式

 在编译后，JSX表大会会被转为普通的javascipt函数调用

function getGreeting(user){
    if(user){
        return <h1>hello,{formatName(user)}！</h1>;
    }
    return <h1>hello,1</h1>
}

JSX 表示对象

 Bable 会把jsx转义成一个名为React