全部问题

我需要向页面添加文件结构，就像在代码编辑器中，我需要创建一个树结构。某个地方有错误，但我再也无法弄清楚问题出在哪里。有一个mockFiles文件，它是一系列嵌套的文件夹和文件。

const files = [
    {
        id: 1,
        title: "Работа",
        type: "Folder",
        opened: true,
        level: 0,
        fatherId: null,
        children: [
            {
                id: 2,
                title: "Оборудование",
                type: "Folder",
                opened: true,
                level: 1,
                fatherId: 1,
                children: [
                    {
                        id: 3,
                        title: "MA5600",
                        type: "Folder",
                        opened: true,
                        level: 2,
                        fatherId: 2,
                        children: [
                            {
                                id: 6,
                                title: "посмотреть",
                                type: "Folder",
                                opened: true,
                                level: 3,
                                fatherId: 3,
                                children: [
                                    {
                                        id: 7,
                                        title: "конфиг",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 6,
                                        children: []
                                    },
                                    {
                                        id: 8,
                                        title: "mac-адреса",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 6,
                                        children: []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        id: 4,
                        title: "MA5600T",
                        type: "Folder",
                        opened: true,
                        level: 2,
                        fatherId: 2,
                        children: [
                            {
                                id: 9,
                                title: "посмотреть",
                                type: "Folder",
                                opened: true,
                                level: 3,
                                fatherId: 4,
                                children: [
                                    {
                                        id: 10,
                                        title: "конфиг",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 9,
                                        children: []
                                    },
                                    {
                                        id: 11,
                                        title: "mac-адреса",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 9,
                                        children: []
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        id: 5,
                        title: "C300/C300M",
                        type: "Folder",
                        opened: true,
                        level: 2,
                        fatherId: 2,
                        children: [
                            {
                                id: 12,
                                title: "посмотреть",
                                type: "Folder",
                                opened: true,
                                level: 3,
                                fatherId: 5,
                                children: [
                                    {
                                        id: 13,
                                        title: "конфиг",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 12,
                                        children: []
                                    },
                                    {
                                        id: 14,
                                        title: "mac-адреса",
                                        type: "File",
                                        opened: true,
                                        level: 4,
                                        fatherId: 12,
                                        children: []
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        ]
    }
]

export default files;

我需要把这一切都画在屏幕上。为此，我有一个 FileContainer 组件，它包含整个树（为了消除混乱，我删除了类名和其他不必要的信息）：

import mockFiles from '../../../mock-objects/files'
const FileContainer = () => {
    const [files, setFiles] = useState(null);

    useEffect(()=>{
        setFiles(mockFiles)
    }, [])

    return (
        <div>
            <div>
                <div>
                    <img/>
                </div>
                <div>
               
                </div>
            </div>
            <div>
                {files?.map(file =>
                    <TreeNode key={file.id} file={file}/>
                )}
            </div>
            <div>
                <a></a>
            </div>
        </div>
    );
};

export default FileContainer;

这是 TreeNode 组件本身，它代表树中的 1 个文件夹或文件：

const TreeNode = ({file}) => {
    const [item, setItem] = React.useState(file);
    return (
        <div>
            <div>
                <div>
                    {item?.type === "Folder" &&
                        <div>
                            <img/>
                        </div>
                    }
                    {item?.type === "FILE"
                        &&
                        <div>
                            <img/>
                        </div>
                    }
                    <div>
                        {item?.title}
                    </div>
                </div>
                <div>
                    <div>
                        <img/>
                    </div>
                </div>
            </div>
            {item?.children &&
                <div>
                    {item?.children.map((child) =>
                        <TreeNode key={child.id} item={child}/>
                    )}
                </div>
            }
        </div>
    );
};

export default TreeNode;

最后一个组件的逻辑是，它以我需要的形式呈现 mockFiles 数组中的一个对象，但由于某种原因，它工作得很奇怪，结果只呈现了第一个父文件夹，以及 1 个没有文本的 svg 和一个作为子项的箭头。 为什么 mockFiles 对象中的其他所有子文件夹都没有被呈现？

def change_status(self):

        json_from_ozon = self.get_json()
        json_from_ozon = json.dumps(json_from_ozon, ensure_ascii=False)

        connector = DataBaseConnector(self.server, self.database)
        conn = connector.connection()

        try:
            with conn.cursor() as cursor:
                params = (self.id_client, json_from_ozon)

                cursor.execute(self.sql_change_status, params)


                result = cursor.fetchall()
                if result:
                    return result
                else:
                    logging.info('no result ')
        except Exception as e:
            logging.error(f'exception {e}')
        finally:
            conn.close()

为什么该方法没有返回结果？ sql_change_status =

"""
declare @res INT;
exec @res = spChangeStatus 
    @idClient = ?, 
    @Json = ?;
select @res;
"""

我正在开发一个使用 Twitch API 搜索流和 VOD 的 Web 应用程序。我遇到了一个问题：搜索西里尔字母查询（例如“mob psycho 100”）不会通过 API 返回结果，尽管在 Twitch 网站本身上这样的搜索可以正常工作。

问题是，当我输入“mob psycho 100”时，我想要获取这部动漫的俄语 VOD，而不是名为“mobpsycho100”的英语频道。如何正确实现西里尔字母查询的搜索，以使其与 Twitch 网站本身的工作方式相同？

我还注意到 Twitch 本身的搜索 URL 如下所示：https://www.twitch.tv/search?term= Моб%20Психо%20100

我注意到宏已经出现在 Yandex 表中。我认为这是 JS。如果我错了，请纠正我。我想对它们进行一些实验并使用它们，但我找不到任何文档或代码示例。请提供文档和宏示例的链接。比如，每隔一行都涂成灰色，或者涂成其他一些简单且标准的线条。

有一个表，其列类型为 jsonb。

    {
        "key1": 
     [
   {"file": "U2323.DAT", "tt_date": "2023-12-03 22:22:12"}, 
   {"file": "V000.DAT", "tt_date": "2025-12-03 22:22:12"}
    ]
    }

有一个获取某些元素的所有数据的请求。

select
jsonb_array_elements(status->'key1')->>'file' as file,
jsonb_array_elements(status->'key1')->>'tt_date' as tt_date
from  status;

如何添加条件来获取file值以“U2”开头的元素？不清楚如何访问条件中的特定数组元素并设置条件。