What does 'AnyReactComponent' do?

Question

I started work with google-map-react and found this line:

const AnyReactComponent = ({ text }) => <div>{text}</div>

What does it do?

That's a [functional component](https://reactjs.org/docs/components-and-props.html#functional-and-class-components). — Tholle, Jul 27 '18 at 10:41

score 3 · Accepted Answer · answered Jul 27 '18 at 10:42

3

This is a stateless functional component (that is, the function is a render function, taking props as argument). The functionality could be rewritten like this:

class AnyReactComponent extends React.Component {
    render() {
       const { text } = this.props;

       return <div>{text}</div>;
    }
}

answered Jul 27 '18 at 10:42

Sulthan

128,090
22
218
270

But what is this stateless func component used for? if it doesnt render anything and hasnt any other method inside. Just to **clarify, for example**, if in an imaginary function we have `let array = []`, then we know it used later as a interjacent array to store some temporary data and perform some actions on it. Otherwise that array is unused and must be removed from code – Alexey Nikonov Aug 26 '18 at 18:35
i understood my question in the upper comment, so the answer: __stateless function component__ are used to be a component without any method, just render. **For example** we need in an imaginary network a profile page, so **an avatar** may be there a separate stateless component that **needed to be rendered** and nothing more – Alexey Nikonov Aug 26 '18 at 20:54

What does 'AnyReactComponent' do?

1 Answers1