Максим's questions

美好的一天，我正在使用无头 CMS 有效负载，但我遇到了困境。

我需要“链接”字段来显示链接的 Pages 集合中的值（来自 的值name: 'NamePage'）。目前，仅显示页面 ID，这很不方便，因为不清楚链接的是哪个页面。

import Heading from '../blocks/Heading'
import { CollectionConfig } from 'payload/types'
export const Pages: CollectionConfig  = {
    slug: 'pages',
    labels: {
        singular: 'Страница',
        plural: 'Страницы',
    },
    access:{
        read: () => true,
      },
    fields: [
        {
            name: 'NamePage',
            label: 'Название страницы',
            type: 'text',
            required: true,
        },
        {
            name: 'URL',
            label: 'Адресс страницы',
            type: 'text',
            required: true,
        },
        {
            name: 'layout',
            label: 'Шаблон',
            type: 'blocks',
            blocks: [
                Heading,
            ]
        }
    ]
}

链接字段代码

import type { Field } from 'payload/types'
import type { UploadField } from 'payload/dist/fields/config/types'

export const LinkField = (options?: Partial<UploadField>): Field => ({
    ...options,
    name: 'Link',
    type: 'relationship', 
    relationTo: 'pages', 
    hasMany: false,
    admin: {
        width: '50%', 
      }
});

问题如下：在向用户显示页面之前，需要等待样式、字体等加载完毕。它们将被应用（虽然这一切都在加载，但网站看起来很歪）并显示加载器。你可以用什么来检查一切是否良好？

例如，如果您使用load事件，则将预期加载图像等。这不适合我的情况。我尝试使用 Suspense，但据我了解，它不适用于仅在组件上加载样式

<Suspense fallback={<Loading />}>
  <SomeComponent />
</Suspense>

Manipulator.tsx 父元素

    const handleAdd = (index:string) => {
        const l = boxes.length + 1;
        const a = "Box-" + l;
        alert(index)
        const New = {
          id: a,
          order: boxes.length,
        };
        //
        setBoxes(boxes => [...boxes, New])
      };
...
return(
  <Box
              key={box.id}
              boxNumber={box.id}
              handleDrag={handleDrag}
              handleDrop={handleDrop}
              handleAdd={handleAdd}
            />
)

盒子.tsx

import React from 'react'
import styles from "./manipulator.module.scss"
type Props = {
boxNumber: string;
handleDrag:any;
handleDrop:any;
handleAdd: any
}

const Box = ({  boxNumber, handleDrag, handleDrop,handleAdd } :Props) => {
 
  return (
    <div className={styles.wrap_box}>
       <div className={styles.addTop} >+</div>
    <div
    className={styles.box}

    draggable={true}
    id={boxNumber}
    onDragOver={(ev) => ev.preventDefault()}
    onDragStart={handleDrag}
    onDrop={handleDrop}
    
  >
  
    {boxNumber}
    <input/>
   
  </div>
   <div className={styles.addBottom} onClick={handleAdd('Привет')}>+</div>
  </div>
  )
}

export default Box

当我开始将参数传递给handleAdd函数后，页面会无休止地加载。

可能是什么问题呢？没有参数一切正常

我从mongodb中提取数据，其中应该有几个值的数组我得到一个

我得到这个值：

[c45b624099574c5697e8a4ad817cd5e6-0001.jpg eb2d75a781f8463dbf9fc12506295f6f-0001.jpg ea399570dfa643638a19ba6f9a8f230d-0004.jpg ea399570dfa643638a19ba6f9a8f230d-0003.jpg ea399570dfa643638a19ba6f9a8f230d-0002.jpg ea399570dfa643638a19ba6f9a8f230d-0001.jpg a21497b772424a19b508c614e47d2028-0002.jpg]

但你需要：

 [c45b624099574c5697e8a4ad817cd5e6-0001.jpg, eb2d75a781f8463dbf9fc12506295f6f-0001.jpg, ea399570dfa643638a19ba6f9a8f230d-0004.jpg, ea399570dfa643638a19ba6f9a8f230d-0003.jpg, ea399570dfa643638a19ba6f9a8f230d-0002.jpg, ea399570dfa643638a19ba6f9a8f230d-0001.jpg, a21497b772424a19b508c614e47d2028-0002.jpg]

提取具有以下结构

type Item struct {
Type    string   `bson:"type"`
Content []string `bson:"content"`}

type User struct {
Id        primitive.ObjectID `bson:"_id"`
Firstname string             `bson:"firsname"`
Lastname  string             `bson:"lastname"`
Nickname  string             `bson:"nickname"`
Login     string             `bson:"login"`
Password  string             `bson:"password"`
News      []News_item        `bson:"news"`
}
type News_item struct {
Heading string `bson:" heading"`
Text    string `bson:" text"`
Src_img string `bson:" src"`
}


exemple := &User{
    Firstname: "Иван",
    Lastname:  "Иванов",
    Nickname:  "godmodeon",
    Login:     "qwerty",
    Password:  "123",
    News: []News_item{
        {
            Heading: "Макороны",
            Text:    "Не солить",
            Src_img: "upload-759203908.png"},
        {
            Heading: "Макороны",
            Text:    "Не солить",
            Src_img: "upload-759203908.png"}}}

例如如何从这样的结构中接收Text？试过exemple.News.Text 但出错了

从一个使用了2个python文件，导入了函数，但是在终端中输出由于某种原因没有定义名称，尽管函数正在运行

变量初始化

if __name__ == "__main__":
    app = QApplication(sys.argv)
    app.setStyle('Breeze')
    main_win = open_ui_file("form.ui")
    main_win.show()
    win = open_ui_file("dialog.ui")

fn = str(win.lineEdit_2.text())
NameError: name 'win' is not defined

a = []
row = []
for b in range(1,5):
    a.append(b)
    date.append(a)
    print("попытка", b, ":", date, end="\n")
    row.clear()
    a.clear()

添加列表时（清除并添加新数据后），由于某种原因，数据重复：

import {BrowserRouter as Router, Switch, Route} from "react-router-dom";
import '../Style/Main.css';
import Menu from './Menu';
import Home from './Home';
import Chat from './Chat';
import Recommendations from './Recommendations';

function Main() {
  return (
     <div className="box">
         <div className="main_box">
            <Menu />
              <Router>
                <Switch>
                  
                  <Route exact path="/" component={Home}/>
                  
                  <Route path="/Chat" component={Chat}/>

                </Switch>
              </Router>
            <Recommendations />
         </div>
     </div>
  );
}
export default Main;

import { withRouter } from 'react-router-dom';
import {
    BrowserRouter as Router,
    Link,
    NavLink
  } from "react-router-dom";
import '../Style/Menu.css';

function Menu(){
    return(
        <Router>
            <nav className="menu">
                <NavLink to="/">
                    <div className="menu_item">
                        <div className="menu_item_icon"> </div>
                        <div className="menu_item_name"> Главная</div>
                    </div>
                </NavLink>
                <Link to="/Chat">
                    <div className="menu_item">
                        <div className="menu_item_icon"></div>
                        <div className="menu_item_name"> ЧАТ</div>
                    </div>
                </Link>
                <Link to="/">
                    <div className="menu_item">
                        <div className="menu_item_icon"> </div>
                        <div className="menu_item_name"> Главная</div>
                    </div>
                </Link>
                <Link to="/Chat">
                    <div className="menu_item">
                        <div className="menu_item_icon"></div>
                        <div className="menu_item_name"> ЧАТ</div>
                    </div>
                </Link>
                <Link to="/">
                    <div className="menu_item">
                        <div className="menu_item_icon"> </div>
                        <div className="menu_item_name"> Главная</div>
                    </div>
                </Link>
                <Link to="/Chat">
                    <div className="menu_item">
                        <div className="menu_item_icon"></div>
                        <div className="menu_item_name"> ЧАТ</div>
                    </div>
                </Link>
                <Link to="/">
                    <div className="menu_item">
                        <div className="menu_item_icon"> </div>
                        <div className="menu_item_name"> Главная</div>
                    </div>
                </Link>
               
            </nav>
        </Router>
       
       
    );
}
export default withRouter(Menu);