How to access current locale with React Intl?
Interviewer Expectations for this Question
01
Core Competency
Assesses fundamental understanding of React conventions, runtime behavior, and memory/performance considerations.
02
Evaluation Criteria
Hiring managers look for precision, avoidance of ambiguous jargon, and ability to explain trade-offs under real production conditions.
Comprehensive Model Answer
Verified Solution
You can get the current locale in any component of your application using injectIntl():
```jsx harmony
import { injectIntl, intlShape } from "react-intl";
const MyComponent = ({ intl }) => (
<div>{The current locale is ${intl.locale}}</div>
);
MyComponent.propTypes = {
intl: intlShape.isRequired,
};
export default injectIntl(MyComponent);
```
Candidate Response Strategy & Interview Tips
- Start with a concise one-sentence summary: Deliver a direct, confident answer first before expanding into nuances.
- Demonstrate real-world trade-offs: Discuss where this approach excels and when you would avoid it in production systems.
- Discuss complexity & edge cases: Proactively explain time/space complexity or boundary conditions (null values, scale limits).
- Prepare for interviewer follow-ups: Technical hiring panels frequently probe deeper into concurrency, backward compatibility, or alternative libraries.