Faça sua pergunta e obtenha um resumo do documento referenciando esta página e o provedor AI de sua escolha
Ao integrar o servidor MCP Intlayer ao seu assistente de IA, você pode recuperar todos os documentos diretamente de ChatGPT, DeepSeek, Cursor, VSCode, etc.
Ver a documentação do servidor MCPO conteúdo desta página foi traduzido com uma IA.
Veja a última versão do conteúdo original em inglêsSe você tiver uma ideia para melhorar esta documentação, sinta-se à vontade para contribuir enviando uma pull request no GitHub.
Link do GitHub para a documentaçãoCopiar o Markdown do documento para a área de transferência
Integração com React: Documentação do Hook useLocale
Esta seção fornece detalhes abrangentes sobre o hook useLocale da biblioteca react-intlayer, projetado para gerenciar configurações de localidade em aplicações React.
Importando useLocale no React
Para integrar o hook useLocale na sua aplicação React, importe-o do respectivo pacote:
Copiar o código para a área de transferência
import { useLocale } from "react-intlayer"; // Usado em componentes React para gerenciamento de localidade
Visão Geral
O hook useLocale oferece uma maneira fácil de acessar e manipular as configurações de localidade dentro dos componentes React. Ele fornece acesso à localidade atual, à localidade padrão, a todas as localidades disponíveis e funções para atualizar as configurações de localidade.
Uso
Aqui está como você pode usar o hook useLocale dentro de um componente React:
Copiar o código para a área de transferência
import type { FC } from "react";import { useLocale } from "react-intlayer";const LocaleSwitcher: FC = () => { const { locale, defaultLocale, availableLocales, setLocale } = useLocale(); return ( <div> <h1>Localidade Atual: {locale}</h1> <p>Localidade Padrão: {defaultLocale}</p> <select value={locale} onChange={(e) => setLocale(e.target.value)}> {availableLocales.map((loc) => ( <option key={loc} value={loc}> {loc} </option> ))} </select> </div> );};export default LocaleSwitcher;
Parâmetros e Valores de Retorno
Quando você invoca o hook useLocale, ele retorna um objeto contendo as seguintes propriedades:
- locale: A localidade atual definida no contexto React.
- defaultLocale: A localidade principal definida na configuração.
- availableLocales: Uma lista de todas as localidades disponíveis conforme definido na configuração.
- setLocale: Uma função para atualizar a localidade atual dentro do contexto da aplicação.
Exemplo
Este exemplo mostra um componente que utiliza o hook useLocale para renderizar um seletor de localidade, permitindo que os usuários alterem dinamicamente a localidade da aplicação:
Copiar o código para a área de transferência
import type { FC } from "react";import { useLocale } from "react-intlayer";const LocaleSelector: FC = () => { const { locale, setLocale, availableLocales } = useLocale(); const handleLocaleChange = (newLocale) => { setLocale(newLocale); }; return ( <select value={locale} onChange={(e) => handleLocaleChange(e.target.value)}> {availableLocales.map((locale) => ( <option key={locale} value={locale}> {locale} </option> ))} </select> );};
Conclusão
O hook useLocale do react-intlayer é uma ferramenta essencial para gerenciar localidades em suas aplicações React, fornecendo a funcionalidade necessária para adaptar sua aplicação a diversos públicos internacionais de forma eficaz.
Histórico do Documento
- 5.5.10 - 2025-06-29: Histórico inicial