react-操作组件上的属性

weixin_33978044

于 2017-04-07 16:21:00 发布

阅读量69

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sakura-sakura/p/6678732.html

本文介绍了一个简单的React组件示例，展示了如何使用JSX语法创建组件，并通过props传递参数。此外还讲解了React中组件渲染的基本方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//Component1.jsx
import React from 'react';

var arr = [
  <h1>Hello world!</h1>,
  <h2>React is awesome!</h2>,
];
class Component1 extends React.Component {
    render() {
        return  <h1>Hello {this.props.name}</h1>
    }
}

//导出组件
export default Component1;

//main.js
import React from 'react';
import ReactDom from 'react-dom';
import Component1 from './components/Component1.jsx';

ReactDom.render(
    <Component1 name="John"/>,
    document.getElementById('content')
);