react 整合java_基于 react 的Java web 应用—— 组件复用(后续需更新)

前言

实习第二周,被告知要用React与导师进行基于React的Javaweb 的开发,jinzhangaaaaa~由于React 这款框架没学过,看了一峰老师的基础入门教程,硬着头皮开始上了...

组件的复用

实现基本的需求之后,校阅代码时,发现 A 组件内有大量相似的代码,代码不够简洁,自然而然想到组件的复用。

先上demo:

Title

var HelloReact = React.createClass({

// propTypes :{

// title: React.PropTypes.string.isRequired,

// },

// getDefaultProps : function () {

// return {

// name : " hello React"

// };

// },

// 渲染的 HTML 内容

render : function () {

return

{this.props.title}

{this.props.name}

;

}

});

// 子组件 : 全局定义 或者是在 父组件内定义均可

// 父组件里有很多数据[比如head,content] 需要从 父组件(调用)传递给子组件(定义),

// 在这里加上组件模板

var Child = React.createClass({

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值