javascript React类组件样板

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript React类组件样板相关的知识,希望对你有一定的参考价值。

import React from 'react';
import PropTypes from 'prop-types';
import { cx, css } from 'react-emotion';

class ClassComponent extends React.Component {
  render() {
    const {
      className,
    } = this.props;

    const wrapperStyle = cx(
      css``,
      className,
    );

    return (
      <div
        className={wrapperStyle}
      >
        <p>Hello ClassComponent</p>
      </div>
    );
  }
}

ClassComponent.propTypes = {
  className: PropTypes.string,
};

ClassComponent.defaultProps = {
  className: null,
};

export default ClassComponent;

以上是关于javascript React类组件样板的主要内容,如果未能解决你的问题,请参考以下文章

javascript REACT:渲染类组件中的对象数组

是否可以将非组件类连接到 redux 存储?

React的函数组件以及类组件介绍

React的函数组件以及类组件介绍

在 redux 中使用样板动作和 reducer

React Hook介绍与使用心得