小编Den*_*ash的帖子

antd 表:为什么当我设置 rowkey 时 record.key 返回未定义

在此输入图像描述

在此输入图像描述

该表有rowkeywhich 等于column "mac",但我无法通过 获取键record.key,它返回未定义,但record.mac有效吗?

javascript reactjs antd

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

如何使用“function”语法而不是“const”将类型 FunctionComponent 添加到 React 功能组件?

这工作正常:

import React, { FunctionComponent } from "react";
const Counter: FunctionComponent = () => <div>hello from Counter</div>;
export default Counter;
Run Code Online (Sandbox Code Playgroud)

这有编译错误:

import React, { FunctionComponent } from "react";
function Counter1(): FunctionComponent {
  return <div>hello from Counter1</div>;
}
export default Counter1;
Run Code Online (Sandbox Code Playgroud)

错误说:

类型“Element”不可分配给类型“FunctionComponent<{}>”。
类型 'Element' 不匹配签名 '(props: { children?: ReactNode; }, context?: any): ReactElement ReactElement Component)>) | (new (props: any) => 组件)>'.ts(2322)

如何使用“函数”语法编写具有 FunctionComponent 类型的功能组件?

typescript reactjs

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

如何单独更新antd复选框组中的复选框

我创建了一个Checkbox.Group使用 Ant 设计,基于 API 的值,应选中以下复选框。

const options = [
  { label: 'Apple', value: 'Apple' },
  { label: 'Pear', value: 'Pear' },
  { label: 'Orange', value: 'Orange' }
];

const valuesFromApi = ['Apple', 'Pear'];

ReactDOM.render(
  <div>
    <Checkbox.Group
      options={options}
      onChange={onChange}
      value={valuesFromApi}
    />
  </div>,
  document.getElementById('container')
);
Run Code Online (Sandbox Code Playgroud)

编辑 old-cdn-u6jf2

javascript reactjs antd

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

如何在 Ant Design 中禁用子菜单的点击事件?

我想防止SubMenu在您单击它时打开和关闭其子菜单项。有没有办法做到这一点而不将其设置为disabled?(这会影响按钮的外观)我基本上希望子菜单看起来相同,而不切换其子菜单的功能。

javascript reactjs antd

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

如何更改 Ant Design 卡片组件的标题字体?

如何更改标题字体但保留 Ant Design 的 Card 组件子组件的默认字体?

样本卡组件:

// How to change title style
<Card title="Default" extra={<a href="#">More</a>} style={{ width: 300 }}>
  <p>Card content</p>
  <p>Card content</p>
  <p>Card content</p>
</Card>
Run Code Online (Sandbox Code Playgroud)

javascript reactjs antd

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

React 钩子中的 `useState(null)[1]` 是什么?

我现在正在使用 React 钩子。我看过,useState(null)[1]但忘记在哪里看过了。

我想知道有什么不同useState(null)

javascript reactjs react-hooks

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

链接错误:多个定义

我正在尝试编译我的项目并获得multiple definition of function error

CMakeFiles/OasisTest.dir/Tests/Oasis_test.cpp.o: In function `MinHeap::left(int)':
/home/d_/CODING/CLionProjects/DS1-Course_Wet2/Oasis-2/Tests/../DataStructures/MinHeap.h:56: multiple definition of `MinHeap::MinHeap(int)'
CMakeFiles/OasisTest.dir/Oasis.cpp.o:/home/d_/CODING/CLionProjects/DS1-Course_Wet2/Oasis-2/DataStructures/MinHeap.h:56: first defined here
Run Code Online (Sandbox Code Playgroud)

我的头文件中似乎有变量定义,应该删除或 makeextern或 made inline,但我不知道要更改什么。

注意:我没有成功编译MinHeap.h

我在CMakeLists.txt 中尝试编译的内容:

add_executable(OasisTest
        Oasis.cpp
        Tests/Oasis_test.cpp
        )
Run Code Online (Sandbox Code Playgroud)

最小堆文件

#ifndef OASIS_MINHEAP_H
#define OASIS_MINHEAP_H

#include <iostream>
#include <climits>

using namespace std;

// Prototype of a utility function to swap two integers
void swap(int* x, int* y);

// A class for Min Heap
class MinHeap {

    int* harr; // pointer …
Run Code Online (Sandbox Code Playgroud)

c++ linker cmake linker-errors clion

2
推荐指数
1
解决办法
3738
查看次数

将字段推送到对象数组的每个元素(MongoDB)

假设我有一些此类文件:

{ 
 _id: ObjectId("5abe0f5add80a30001eff68d"),
 obj_array: [ 
     { 
       a: 1,
       b: "some", 
       c: 134
     },
     { 
       a: 2, 
       b: "aaa",
       c: 564
     }
   ]
} 
Run Code Online (Sandbox Code Playgroud)

我需要做的是obj_array通过推送一个新字段 来更新所有元素d: "new_value"。预期结果:

 { 
 _id: ObjectId("5abe0f5add80a30001eff68d"),
 obj_array: [ 
     { 
       a: 1,
       b: "some", 
       c: 134,
       d: "new_value"
     },
     { 
       a: 2, 
       b: "aaa",
       c: 564,
       d: "new_value"
     }
   ]
} 
Run Code Online (Sandbox Code Playgroud)

我没有找到任何其他解决方案,只能构建新obj_array对象并doc.obj_array使用新数组进行设置。我想知道有没有更优雅的方法来做到这一点?这是我的代码:

myTable.find().forEach(function(document) {
    var new_array = [];
    document.obj_array.forEach(function(elem) {
        elem.d = "new_value";
        new_array.push(elem);
    })
    myTable.update({_id: document._id}, {$set: …
Run Code Online (Sandbox Code Playgroud)

javascript mongodb

2
推荐指数
1
解决办法
1313
查看次数

如何使Modal的页眉和页脚固定,同时允许Modal内容单独滚动?

我一直在使用模态组件,我注意到模态窗口中的长内容使整个模态主体滚动,而不仅仅是模态内的内容。

有没有办法让内容单独滚动,同时保持 Modal 组件的页眉和页脚固定?

我需要类似于 Material-UI Dialog 组件的 Paper 滚动工作原理的东西。

检查标有 的按钮 scroll=Paper

javascript reactjs antd

2
推荐指数
1
解决办法
7553
查看次数

Ant.Design Tabs alignment

I have made a basic Tabs component following this documentation here.

This is my current output. 在此处输入图片说明

Does anyone know the CSS to align ant-tabs-tab at the center?

I can see that there are different position placement however there isn't a top-center option.

Current CSS:

  .ant-tabs-tab {
    flex-grow: 1;
    margin-right: 0px;
    width: 80%;
    text-align: center;
  }
Run Code Online (Sandbox Code Playgroud)

The output from the above CSS. I would like to keep the same size as the first image but have it center aligned. Not …

css flexbox reactjs antd

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