React-Intl how to switch locale and messages from variable

Question

I\'m trying to figure out how to change language using React-Intl. This is my first React App and it has been made with create-react-app, I\'m not using Redux nor Flux.

Answer 1

you can use redux manage your locale and localeMessage. just add a key in IntlProvider.

import React, { Component } from 'react';
import { IntlProvider } from 'react-intl';

class Inter extends Component {
    render() {
      let { locale, localeMessage, children } = this.props;
      return (
          
              {children}
          
      )
    }
};

export default Inter;