Question

我有一个多语言的React应用，需要使用基于当前路径名的语言来呈现内容。
例如：
www.englishwebsite.com->以英语呈现应用程序
www.frenchwebsite.com->使用法语呈现该应用程序

要实现这一点，我试图在一个类中获取当前路径名；但这总是失败或给我一个不确定的信息。在我的代码中，我目前没有视觉效果，但是我确实尝试找到一种方法来获取道具甚至“ location.pathname”。

而且，这是渲染不同语言的正确方法吗？请记住，我是React的新手。

一个简单的例子

App.js 
class App extends Component {   
   render() {
       return (
           <BrowserRouter>
               <div className='App'>
                   <Route exact path='/' component={Home} />
                </div>
            </BrowserRouter>
       );
   }
}


Home.js
import React, { Component } from 'react';
export class Home extends Component {

render () {
    return (
        <div className='homecontent'>
           <div>
           // if site url is www.englishwebsite.com
           English content
           // else if site url is www.frenchwebsite.com
           French content
           </div>
        </div>
    );
}

Answer 1

从窗口对象获取URL信息并将其存储在您的州中，从而可以创建一个开关盒。

无法在React中获取当前位置

1 个答案: