I want to pass some props down the tree via context from a functional ponent that is almost on the top of the app. Is there a way to achieve this, or should we declare instead a ES6 / createClass react ponent?

Thanks

I want to pass some props down the tree via context from a functional ponent that is almost on the top of the app. Is there a way to achieve this, or should we declare instead a ES6 / createClass react ponent?

Thanks

• javascript
• reactjs
• react-native
• ecmascript-6
• redux

Share Improve this question Follow edited Sep 8, 2016 at 15:35 jsdario asked Sep 8, 2016 at 15:24 jsdariojsdario 6,8731111 gold badges4444 silver badges7878 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You can't pass context to children using functional ponents

Define the contextTypes as you would normally do:

const Hello = (props, context) => <div>{context.name}</div>;
Hello.contextTypes = {
  name: React.PropTypes.string
};

A fiddle is available: https://jsfiddle/69z2wepo/55601/.