React是一个流行的JavaScript库,用于构建用户界面。它提供了一种声明式的编程模型,使开发人员能够轻松地构建可重用的UI组件。React由Facebook开发并开源,已经成为构建现代Web应用程序的首选框架之一。
React的核心思想是组件化。开发人员可以将UI拆分为独立的、可重用的组件,这些组件可以相互组合形成更复杂的UI。每个组件都有自己的状态和属性,状态用于跟踪组件的内部数据,属性则用于从父组件传递数据到子组件。
下面是一个简单的React组件的示例:
import React from 'react';
class Greeting extends React.Component {
constructor(props) {
super(props);
this.state = {
name: 'John',
};
}
render() {
return (
<div>
<h1>Hello, {this.state.name}!</h1>
</div>
);
}
}
export default Greeting;
在上面的示例中,我们定义了一个名为Greeting
的组件。它有一个初始状态name
为’John’。render