美文网首页
react初学

react初学

作者: 年轻人多学点 | 来源:发表于2019-02-22 16:24 被阅读0次

简单说:直接写、json、props,

1.组件样式className="nihao",style中.nihao{bgcolor:#333;}

2.通过json写进去样式

var letter = React.createClass({

var letterStyle = {

padding:10,

margin:10,

backgroundColor:"red";

}

render:function(){

return(

<div className="letter"  style={letterStyle}>

{this.props.children}

</div>

);

}

});

var destination = document.querySelector("#container");

ReactDOM.render(

<div>

<Letter bgcolor="red">T</Letter>

<Letter>Y</Letter>

<Letter>c</Letter>

</div>

destination

)

3.props

var letterStyle = {

padding:10,

margin:10,

backgroundColor:this.props.bgcolor;

}

相关文章

  • 【React】初学React

    A. react中如何创建元素呢? 说明一点:属性都改为驼峰形式(无障碍属性aria-*除外),class改成cl...

  • React技术栈仿网易云音乐(移动端)

    初学React, 练手的网易云音乐项目 一、简介 技术栈 React React-Router Redux Ant...

  • 初学react

    优点: 1、组件化——帮助分工、合作、效率高 2、虚拟DOM——性能高 3、跨平台——移动端、网页 4、开放——可...

  • 初学React

    看了几天React基础,准备动手实战一下,相关环境搭建可以参考网上教程。 创建React项目详情教程参考链接:ht...

  • 初学react

    1、主要是src目录下的文件;index.js文件 引入react 和reactDOM文件,再引入app.js文件...

  • React初学

    storybook: https://github.com/storybooks/storybookhttps:/...

  • react初学

    简单说:直接写、json、props, 1.组件样式className="nihao",style中.nihao{...

  • 2018-07-31

    React初学的烦恼 1.对于React初学者来说,父子组件间的通信传递信息是必须掌握的,但在自己掌握做练习的过程...

  • React Native Android入门与实践

    本文旨在指导React Native初学者如何使用React Native初步构建Android应用。在看本文之前...

  • React/React Native 的ES5 ES6写法对照表

    转载自React Native 的ES5 ES6写法对照表 很多React/React Native的初学者都被E...

网友评论

      本文标题:react初学

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