Helpers to write stateless functional components in React.
Write stateless functional components in React with lifecycle methods as pure functions!
specification
can be a stateless render function
or an object containing pure stateless lifecycle functions.
import { React } from 'react';
import { createClass } from 'react-stateless';
function ComponentA(props) {
return <div>{ props.name }</div>;
}
// React 0.14
export default ComponentA
// Or
export default createClass(ComponentA);
import { React } from 'react';
import { createClass } from 'react-stateless';
function shouldComponentUpdate(props, nextProps) {
return props.name !== nextProps.name;
}
function render(props) {
return <div>{ props.name }</div>;
}
export default createClass({shouldComponentUpdate, render})
propTypes
defaultProps
displayName
(automatically detected by if your component function or render function is named)
componentWillMount(props)
componentDidMount(props, refs)
componentWillReceiveProps(props, nextProps, refs)
shouldComponentUpdate(props, nextProps, refs)
componentWillUpdate(props, nextProps, refs)
componentDidUpdate(props, prevProps, refs)
componentWillUnmount(props, refs)