标签: jsx

我正在了解 i18next，但当Trans我尝试使用链接时却给了我谜语。到目前为止，一切都与 t{} 配合良好（我正在 React \xe2\x80\x93 JSX 中工作）：

这是几乎可以工作的代码（我尝试过的其他方法根本不起作用）：

<p className="button"><Trans i18nkey="home.p3" components={{ MyLink: <a href=\'beispiele.html\'>link</a> }}/>{t(\'home.p3\')}</p>\n

JSON:\nde:

{\n (\xe2\x80\xa6)\n    "home": {\n       (\xe2\x80\xa6)\n        "p3": "Durchst\xc3\xb6bern Sie unsere <5>Beispiele</5>.",\n     (\xe2\x80\xa6)\n\n    }\n}\n

zh:

{\n    (\xe2\x80\xa6)\n    "home": {\n        (\xe2\x80\xa6)\n        "p3": "View <MyLink>samples</MyLink> of our work.",\n       (\xe2\x80\xa6)\n    }\n}\n

这就是我初始化 i18next 的方式：

i18next\n  // detect user language\n  // learn more: https://github.com/i18next/i18next-browser-languageDetector\n  .use(LanguageDetector)\n  // pass the i18n instance to react-i18next.\n  .use(initReactI18next)\n  // init i18next\n  // for …

我开始了 Knowthen Go/React 教程，但我在使用 React 时遇到了一些问题。当我尝试启动我的应用程序时，出现此错误，但我不明白为什么。这是我的 github 存储库，其中包含我的所有来源：https ://github.com/LaLauque/RealTImePlatform/tree/dev

多谢

我在解决这个承诺时遇到了麻烦。

const getAge = (actorId) => {
    return (
        axios.get(`https://api.themoviedb.org/3/person/${actorId}?api_key=${process.env.REACT_APP_API_KEY}&language=en-US`)
            .then(function (response) {
              return moment().diff(response.data.birthday, 'years')
            })
            .catch(function (error) {
              console.log(error);
            })
        )
    }

console.log(getAge('5000'), 'FUNCTION')

它永远不会解决承诺并返回待定

我尝试了许多不同的想法，但似乎都没有奏效。我错过了什么？

谢谢

我想像这样更改 jsx 中 div 的 id :-

{ ['A','B','C','D'].map((element, cell) => (
    <div id="alphabet_if({element}==='A'){'ok'}else{ {element} }">
        Some
    </div>
)) } 

但这导致

{ ['A','B','C','D'].map((element, cell) => (
    <div id="alphabet_if({element}==='A'){'ok'}else{ {element} }">
        Some
    </div>
)) } 

这是我的大代码中的一个非常小的片段：

import React from "react";
const Home = () => {
    return (
      imgFilter.map((imgs) => {
        return ( <
          Col sm = "3"
          xs = "12"
          key = {
            imgs.id
          }
          className = "trend-image" >
          <
          img src = {
            imgs.path
          }
          alt = {
            imgs.id
          }
          className = "img-fluid"
          onClick = {
            Price
          }
          /> <
          /Col>
        )
      });
    }

在这段代码中，您可以在一行中看到它是这样写的onClick={Price}。这里的 Price 是我正在导入的一个函数组件。现在，Price 旨在接受争论。在这里，我想在imgs.id单击图像时将价格传递给价格。我该怎么做

当我在反应上使用标签时，它会显示警告。我的代码和警告消息是滚滚的。