小编Jay*_*Jay的帖子

我用create-react-app app_name --typescript. 由于 Typescript 不支持 NODE_PATH。我正在尝试在tsconfig.json.

但是，每次yarn start在放入后运行"baseUrl": "src"时"compilerOptions"，baseUrl 都会消失。我感觉像yarn start重置tsconfig.json。

我怎样才能阻止它重置文件？

**tsconfig.json**
{
  "compilerOptions": {
    "target": "es6",
    "allowJs": true,
    "skipLibCheck": false,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve"
  },
  "include": ["src"]
}

我试图弄清楚如何在我现有的 React 上使用服务器端渲染 (SSR)，我发现 Next.js 是 React 的 SSR 框架。

此外，还create-next-app可以轻松创建像 CRA 这样的 Next.js 应用程序。由于我已经拥有现有的 React 项目，因此我需要使其与 Next.js 兼容。但是，他们有完全不同的项目架构。

我附上了create-next-app和 的两个架构，create-react-app每个架构都带有下面的图像。至于下一步需要的文件夹pages，我觉得我需要移动我的组件文件夹中，但我感到困惑src和public文件夹create-react-app。

任何人都可以帮助我如何将 Next.js 应用于现有的 React 应用程序？

创建下一个应用程序

创建反应应用程序

我目前正在尝试将 FBV 函数转换为 CBV 函数。

class SearchListView(ListView):
    def get_queryset(self):

        search_text = request.GET.get('search_text')
        ...

但是，我已经被开始的部分困住了。我需要一个值search_text来过滤我的查询集。使用 FBV 时，我获得了输入reqest.GET.get()，但在 CBV 中不再起作用。可以用什么代替呢？

我最近跳入了React，所以我对很多事情感到很困惑。其中之一是关于大多数人如何在React中设计UI。

在进入之前，我使用Bootstrap通过使用预制组件（例如按钮，模式视图，导航等）来设计网站的UI。但是，发现我不能再在React中使用它，但是我可以React-Bootstrap代替使用。是React-Bootstrap仍然是最流行的UI框架作出反应呢？我之所以这样问是因为我找到了其他一些UI框架，例如语义UI或React的Material UI。

另外，我发现styled-components。但是，样式化的组件让我感觉需要自己制作每个组件才能使用，这听起来需要花费很长时间。

作为一个初学者，我很好奇人们通常如何在React中使用UI？

我JSS(Javascript Style Sheets)在我的 React 项目中使用。我试图选择first-childor last-child，所以我尝试了以下

carousel: {
  "& img:first-child": {
    padding: "0 5px"
  }
},

但是，它不起作用。在 Chrome 开发者工具中，它正确显示了正确的 CSS 代码，但是出于某些原因，它选择了每个 img 标签，而不仅仅是第一个孩子。如何只选择 JSS 中的第一个元素？

我正在尝试使用material-ui-flat-pagination。由于该库在单击上一个或下一个按钮时似乎不提供页码，因此我试图自己获取该值。它只提供了一个onClickprop，所以我曾经event.target得到我点击的值。

event.target显示了上面的标签，我需要3span 标签内的值。如何在 React js 中获取值？我是否正在接近使用库material-ui-flat-pagination获取页码的正确方法？

我通常将图像文件夹放在src文件夹下，因此我可以通过require("images/sample.jpg")组件中的require访问它们。

我正在学习React的朋友正在努力加载图像，他像下面的图像一样在公共目录下创建了图像文件夹。这样，他就可以访问图像而无需require()这样做，所以他就可以images/sample.jpg。我以为我需要require()在React中加载图像。

将images文件夹置于公共位置没有问题吗？那为什么要用require()呢？

假设我a, b, c, d到目前为止已经提交了。我目前在d，我想回到a。

a并且d在master分支。b并且c是temp分支。

在这种情况下，如果我跑步git reset --hard <a's commit>，我会丢失提交b并且c因为提交是在之后进行的a吗？即使他们在另一个分支中，这是真的吗？

在我的 React 应用程序中，我使用fetch()从我的 API 获取数据，如果我的数据库中存在域的网站，则_callAPI()函数获取domain参数并调用 API。如果存在，则返回网站的对象，否则返回 500。因此，在使用 fetch() 之前，我无法确定该网站是否存在。问题是每次 fetch() 都找不到任何东西时，它会抛出以下内容：

container.jsx:25 GET http://localhost:3000/boutiques/detail/?q=testdomain.com 500（内部服务器错误）

当它没有找到很多网站时，控制台日志中会包含该错误消息。有没有办法在获取时忽略那种消息？

fetch()

_callApi = () => {
    const { domain } = this.props;

    return fetch(`/boutiques/detail/?q=${domain}`)
      .then(response => {
        if (response.status === 500) {
          return 500;
        }
        return response.json();
      })
      .then(json => json)
      .catch(err => console.log(err));
  };

我通过具有访问build/index.html. 下面的代码显示了我是如何做到的。

配置/urls.py

urlpatterns = [
    ...
    re_path(r'search/', react_views.ReactAppView.as_view()),
]

PROJECT_NAME/views.py

class ReactAppView(View):

    def get(self, request):
        try:
            with open(os.path.join(str(settings.BASE_DIR), 'frontend', 'build', 'index.html')) as file:
                return HttpResponse(file.read())
        except:
            return HttpResponse(
                """
                Build your React app.
                """,
                status=501,
            )

ReactAppView在 React 端index.html创建的函数访问yarn build。基本上，我只将 React 用于搜索视图，除了搜索视图之外，我还使用了 jQuery，因为它首先是用 jQuery 开发的。

自从我发现我需要 Next.js 在 React 中使用服务器端渲染 (SSR) 后，我一直在尝试将 React 应用程序迁移到 Next.js。但是，Next.js 没有index.html. 它只是pages/index.js相反。

我非常努力地想弄清楚如何将 Django 与 Next.js 集成，但我找不到任何有用的资源。任何人都可以帮我解决这个问题吗？