diff options
author | Vitaly Takmazov | 2017-12-20 13:57:15 +0300 |
---|---|---|
committer | Vitaly Takmazov | 2023-01-13 10:37:52 +0300 |
commit | 4c50a8676b41fdcc5d46e9608da1c9ca9ffb86d8 (patch) | |
tree | 533b5e0d5f40484252fbd662e8cc17a0eddab5b4 /vnext/src/components | |
parent | 813c5e7eda90944733d60dd324459ced93c9c087 (diff) |
update to React 16
Diffstat (limited to 'vnext/src/components')
-rw-r--r-- | vnext/src/components/message.jsx | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/vnext/src/components/message.jsx b/vnext/src/components/message.jsx index faeb4b4e..78ebdd38 100644 --- a/vnext/src/components/message.jsx +++ b/vnext/src/components/message.jsx @@ -1,15 +1,7 @@ -import React, {PropTypes} from "react" +import React from 'react' +import PropTypes from 'prop-types' -const Message = React.createClass({ - propTypes: { - mid: PropTypes.number.isRequired, - user: PropTypes.shape({ - uid: PropTypes.number.isRequired, - uname: PropTypes.string.isRequired - }), - timestamp: PropTypes.string.isRequired, - body: PropTypes.string.isRequired - }, +export default class Message extends React.Component { render() { return ( <article> <aside> @@ -21,6 +13,14 @@ const Message = React.createClass({ <time dateTime={this.props.timestamp} title={this.props.timestamp}>{this.props.timestamp}</time></a></header> <p>{this.props.body}</p> </article>) } -}); +}; -export default Message
\ No newline at end of file +Message.propTypes = { + mid: PropTypes.number.isRequired, + user: PropTypes.shape({ + uid: PropTypes.number.isRequired, + uname: PropTypes.string.isRequired + }), + timestamp: PropTypes.string.isRequired, + body: PropTypes.string.isRequired +} |