React中文教程 - Component Data（外部参数及私有变量）

最新推荐文章于 2022-12-19 17:46:15 发布

rsspub

最新推荐文章于 2022-12-19 17:46:15 发布

阅读量2.9k

点赞数

分类专栏： React 文章标签： React getInitialState this.props this.state this.setState

本文链接：https://blog.csdn.net/rsspub/article/details/9014837

版权

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
<title>React | Component Data</title>
<script src="build/react.min.js"></script>
<script src="build/JSXTransformer.js"></script>
<style>a {color:#000; cursor:pointer;}</style>
</head>
<body>
<div id="example"></div>
<script type="text/jsx">
/** @jsx React.DOM */
var LikeLink = React.createClass({
	getInitialState: function() {
		return {isClicked: false};
	},
	render: function() {
		// render()函数除了renderComponent()时会被刷新之外，handleClick点击的时候也会被执行哦~
		var text = this.props.liked ? '已赞' : '赞一个';
		return <a onClick={this.handleClick.bind(this)}>{text}</a>;
	},
	handleClick: function() {
		// 每次点击更改liked属性值
		this.props.liked

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

rsspub

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
React中文教程 - Component Data（外部参数及私有变量）

React | Component Dataa {color:#000; cursor:pointer;}/** @jsx React.DOM */var LikeLink = React.createClass({ getInitialState: function() { return {isClicked: false}; }, render: function(
复制链接

扫一扫