javascript - React 组件从一种类型更改为另一种类型

Question

我目前有一个 React 组件...这是代码:

import React, { PropTypes } from 'react';

export default class Message extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {

    const { type } = this.props;

    if (type === 'success') {
      return (<div>{this.props.msg}</div>);
    }  
  }
}

我需要把它改成这种类型的组件:

const Message = props => (
  //Stuff here
);


export default Message

我该怎么做？

Answer 1

如果我是对的，您只是想创建初始组件的无状态版本。为此，您将 lambda 函数视为渲染函数。例如:

const Message = ({ type, msg }) => (type === 'success') ? <div>{msg}</div> : null

如果你对三元数不满意，这与上面的相同(也有解构):

const Message = props => {
    const { type, msg } = props
    if(type === 'success'){
        return <div>{msg}</div>
    }else{
        return null;
    }
}