前端框架React - Components and Props

前端之家收集整理的这篇文章主要介绍了前端框架React - Components and Props前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.Functional and Class Components

They accept arbitrary inputs (called "props") and return React elements describing what should appear on the screen.
控件可以接受任意输入(叫做props),返回要显示在screen上的React 元素。

function Welcome(props) {
  return <h1>Hello,{props.name}</h1>;
}

This function is a valid React component because it accepts a single "props" object argument with data and returns a React element. We call such components "functional" because they are literally JavaScript functions.

这个组件是好的,因为接受了一个参数,并且返回了一个React元素。
也可以用ES6的class来定义一个组件。
用props来代表这个组件接受到的参数。
class Welcome extends React.Component {
  render() {
    return <h1>Hello,{this.props.name}</h1>;
  }
}

猜你在找的React相关文章