美文网首页
入门篇(一)

入门篇(一)

作者: wn_Smile | 来源:发表于2016-11-30 09:47 被阅读27次

JSX语法:HTML语言直接写在JS语言中,不加任何引号

JSX基本语法规则(只有一个开头节点和一个结尾节点)
1.遇到HTML标签(以 < 开头),就用HTML规则解析
2.遇到代码块(以 { 开头),就用JS规则解析

React独有的JSX语法跟JS不兼容、凡事使用JSX的地方,都要加上

<script type="text/babel"></script>

使用React前必须首先加载

react.js         React的核心库
react-dom.js     提供与DOM相关的功能
Browser.js       将JSX语法转换为JS语法
注意:书写的顺序
<script type="text/babel">      
        var Hello = React.createClass({
            render: function() {
                return (
                    <div>Hello</div>
                );
            }
        });

        ReactDOM.render(
            <Hello/>,
            document.body
        );
</script>

React.createClass 生成一个组件类、组件名一定要大写,否则会报错
所有组件都必须有自己的render方法,用于输出组件

添加组件属性需注意(驼峰式命名规则)
1.class需写成className
2.for需写成htmlFor

ReactDOM.render() 是React的最基本方法、用于将模板转为HTML语言,并插入置顶的DOM节点(当前插入body中)

相关文章

网友评论

      本文标题:入门篇(一)

      本文链接:https://www.haomeiwen.com/subject/mmnzpttx.html