Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Example of using the React legacy Context API
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Legacy extends Component {
render() {
const { name } = this.props;
const { api } = this.context;
return (
<div>
<h1>Hello, {name}</h1>
<p>
This example is using{' '}
<span style={{ fontStyle: 'italic', color: 'green' }}>{api}</span>
</p>
</div>
);
}
}
Legacy.propTypes = {
name: PropTypes.string.isRequired
};
Legacy.contextTypes = {
api: PropTypes.string
};
class Context extends Component {
getChildContext() {
return {
api: 'legacy api that will not be supported in future...'
};
}
render() {
return <Legacy name='John Galt' />;
}
}
Context.childContextTypes = {
api: PropTypes.string
};
export default Context;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.