小编Fil*_*lip的帖子

我正在使用 deufakt i18n 本地化插件来翻译网页，但我想关闭我的/blog路线的本地化。

基本上我想要的是这样的：

mypage.com/es/anotherRoute-> mypage.com/blog（该es或任何其他语言代码消失）

但这不是我想要实现的主要目标。最大的问题是我无法构建下一个应用程序。

该错误基本上是在预渲染时未定义postin 。[slug]尽管它不应该是这样，因为如果我console.log它，它就在那里。

[子弹]

import ErrorPage from "next/error";\nimport { getStrapiURL, getPageData, getBlogPost } from "utils/api";\nimport Sections from "@/components/sections";\nimport Seo from "@/components/elements/seo";\nimport { useRouter } from "next/dist/client/router";\nimport BlogPost from "@/components/blog/blogPost";\n\nconst BlogPage = ({ post, allPosts }) => {\n  const router = useRouter();\n  if (router.isFallback) {\n    return <div className="container">Loading...</div>;\n  }\n  return (\n    <>\n      {/* Add meta tags for SEO*/}\n …

所以基本上我正在创建一个测验组件，我需要循环遍历所有问题，但一次只显示一个问题，在回答问题后，显示另一个问题。

我怎么能这么做呢？我通常会使用 for 循环，但不推荐，如何使用 .map() 或任何其他函数实现相同的结果？

这基本上就是我想要发生的事情：

    for(let i = 0; i < quiz.questions.length(); i++) {
        return (
            <Content>
                <View style={styles.gutter}>
                    <View style={styles.container}>
                        <View style={styles.content}>
                            <Text>{quiz.questions[i].question}</Text>
                        </View>
                        <Button
                            primary
                            label={quiz.answers.option1}
                            onPress={() => {
                                quiz.answers.option1 === quiz.questions[i].rightAnswer
                                    ? continue // would continue work here as expected?
                                    : console.log("Wrong");
                            }}></Button>
                        <Button
                            primary
                            label={quiz.answers.option2}
                            onPress={() => {
                                quiz.answers.option2 === quiz.questions[i].rightAnswer
                                    ? continue // would continue work here as expected?
                                    : console.log("Wrong");
                            }}></Button>
                        <Button
                            primary
                            label={quiz.answers.option3}
                            onPress={() => {
                                quiz.answers.option3 === quiz.questions[i].rightAnswer
                                    ? continue …

因此，在Transporter 文档页面上，他们说您可以在 Windows 上下载 Transporter。但我看到的只是书籍、电视节目、电影等的选项。如果我点击这些，我似乎无论如何也找不到它。那么我们真的能够使用 Transporter 在 Windows 上部署应用程序吗？

我在 App.js 文件中使用了一个 useEffect 挂钩。它将数据放入我需要在我的应用程序中使用的 redux 存储中。但它在 useEffect 运行之前渲染，因此数据未定义。useEffect 然后正确运行。我需要 useEffect 在渲染任何内容之前运行。我怎么能这么做呢？或者我应该使用什么其他解决方案？我尝试完全删除 useEffect 并只运行该操作，但这会导致它无休止地运行。这是我的代码：

function App() {
  const app = useSelector(state => state.app);
  const auth = useSelector(state => state.auth);
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(authActions.checkUser());
  }, [dispatch]);

  console.log(auth.user); //undefined

  return (
    <ThemeProvider theme={!app.theme ? darkTheme : theme}>
      <CssBaseline />
      <React.Fragment>
        {/* TODO: Display drawer only when logged in */}
        {/* <Drawer></Drawer> */}
        <Switch>
          <Route exact path="/" component={Login} />
          <Route exact path="/dashboard">
            <Dashboard user={auth.user} /> //auth.user is undefined when …

我正在使用 next/image，并且当图像的路径无效时，我希望图像根本不渲染，例如。该图像不存在。现在它显示小图标和替代名称。在这种情况下我不想显示任何东西。那可能吗？由于它是前端，我无法用来fs检查，所以我不知道该怎么做

      <Image
         src={`/scroll-${router.locale}.svg`}
         alt="scroll"
         width="240px"
         height="240px"
         className="opacity-50"
       />

尝试安装“模型”模块后，我收到此错误：

C:\Users\Filip>pip install models
Collecting models
Using cached https://files.pythonhosted.org/packages/92/3c/ac1ddde60c02b5a46993bd3c6f4c66a9dbc100059da8333178ce17a22db5/models-0.9.3.tar.gz
Complete output from command python setup.py egg_info:
Traceback (most recent call last):
  File "<string>", line 1, in <module>
  File "C:\Users\Filip\AppData\Local\Temp\pip-install-_exhlsc1\models\setup.py", line 25, in <module>
    import models
  File "C:\Users\Filip\AppData\Local\Temp\pip-install-_exhlsc1\models\models\__init__.py", line 23, in <module>
    from base import *
ModuleNotFoundError: No module named 'base'

----------------------------------------
Command "python setup.py egg_info" failed with error code 1 in C:\Users\Filip\AppData\Local\Temp\pip-install-_exhlsc1\models\

如果我尝试安装模块“base”，则会出现此错误：

C:\Users\Filip>pip install base
Collecting base
Using cached https://files.pythonhosted.org/packages/1b/e5/464fcdb2cdbafc65f0b2da261dda861fa51d80e1a4985a2bb00ced080549/base-1.0.4.tar.gz
Complete output from command python setup.py egg_info:
Traceback (most …

这是在最新版本的 Xcode 中的 Game 模板下创建的新项目。这个视图真的很奇怪，看看图片：

当然，没有任何限制。如果我添加对齐约束并将其正确对齐到水平和垂直中心，则它会正确对齐。当为每一侧添加正常约束时，我得到Unable to simultaneously satisfy constraints.

然而，我的主要问题是这些黑色边框。他们为什么会出现？（已尝试过 iPhone 12、11 和 SE 2 模拟器）

我希望用户从计算机“上传”文件，将其存储在浏览器中（我猜）并显示图像，而不将其发送到服务器。基本上，我希望这种情况发生（网站上的示例）： https: //www.javascripture.com/FileReader

这本身有效，但我正在使用react-dropzone，但它不起作用。

我的代码：

import React, { useCallback, useState } from "react";
import { useDropzone } from "react-dropzone";
import styles from "./dropzone.module.css";
import ImageZone from "../imagezone";

export default function Dropzone() {
  const [path, setPath] = useState("");
  const openFile = () => {
    const reader = new FileReader();
    reader.onload = () => {
      const dataURL = reader.result;
      setPath(dataURL);
    };
  };
  const onDrop = useCallback(acceptedFiles => {
    openFile();
  }, []);
  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop });

  return …