小编Rah*_*hul的帖子

如何创建一个可以在 React 的不同组件中访问的全局变量?

我从服务器获取用户名,我想使用来自其他组件的相同用户名。我知道会话存储是处理它的方法之一,但出于安全原因我不想使用。我们如何在反应中创建一个全局对象?

reactjs

5
推荐指数
2
解决办法
8548
查看次数

如何在我的 React 应用程序中修复 @fontface 问题?

我正面临自定义字体的问题。我使用 create-react-app 创建了一个应用程序,并在公共文件夹中提供了自定义字体文件 (.ttf),以便在构建应用程序时,所有资产都是构建的一部分。我可以在本地看到字体,但在 nginx 服务器上看不到。Nginx 服务器有 .ttf 支持,因为另一个应用程序工作正常。失恋应该是什么?我无法找到它。此外,firefox 无法加载相同的自定义字体。这是我的样式表 -

@font-face {
    font-family: 'Simplied';
    src: url('/fonts/simplied-Light.ttf') format('truetype');
  }
Run Code Online (Sandbox Code Playgroud)

我使用@import 'stylesheet.css' 将其导入到另一个 css 文件中。

PS感谢您的评论。我做了这样的改变 -

//  ./index.css
@font-face {
  font-family: 'Simplified_Lt';
  font-display: block;
  src: local('Simplified_Lt') url(./fonts/Simplified_Lt.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  margin: 0;
  font-family:'Simplified_Lt';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
Run Code Online (Sandbox Code Playgroud)

我的字体文件夹在 src/fonts/ 下。但是我仍然无法使用该字体。请您指出可能遗漏了什么或项目结构是否正确?我正在使用 create-react-app。

css font-face reactjs create-react-app

4
推荐指数
1
解决办法
3369
查看次数

如何在react.js 的新选项卡中打开组件?

我有一个下拉菜单,其中包含客户列表。根据我在下拉列表中选择的内容,我想为该特定客户打开一个新选项卡。有什么办法可以做到吗?我尝试了 window.open(),虽然它有效,但它将 URl 附加到http://localhost:3000/[object%20Object]。我不知道 URL 中要附加什么对象。TIA

reactjs

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

reactjs ×3

create-react-app ×1

css ×1

font-face ×1