antd

问题 I am using ant-design library. There is useForm() hook to reset values. All values are being reset to original values but not for Radio.Group. How do I reset my radio button state to priority value from State? const [priority, setPriority] = useState(2); const [form] = Form.useForm(); const onSubmit = (values) => { console.log('Received values of form: ', values); form.resetFields(); } <Form form={form} labelCol={{ span: 4 }} wrapperCol={{ span: 14 }} layout="horizontal" initialValues={{ size

问题 This GatsbyJS/antd plugin page (https://github.com/bskimball/gatsby-plugin-antd/issues/2) makes it seem that there is a way to edit ant.design (antd) themes when using GatsbyJS. The code that is provided is plugins: [ { resolve: 'gatsby-plugin-antd', options: { style: true } } ] But there is no additional information. Where would one make changes to things like the theme primary color (as described: https://ant.design/docs/react/customize-theme). The ant.design page (https://ant.design/docs

问题 I have a complete mess of a component. Right now I pass a function I have been trying a million things I can not make it work. export default class DatafileUpload extends Component { initialState = { fileUploading: false, fileList: [], status: 'empty', // 'empty' | 'active' | 'success' | 'exception' file: {} } state = this.initialState static propTypes = { userId: PropTypes.string.isRequired, datasetId: PropTypes.string.isRequired } scrubFilename = (filename) => filename.replace(/[^\w\d_\-.]+

问题 I am using react antd . I have got array of objects that's groupKey .I am mapping checkbox by using Groupkey and also I have got two different types of checkbox . One is Select All Checkbox . it actually works when user click on the Select All or User select on all individual checkbox . Other is individual checkbox , user can Select on individually . when user submit on Button , then it's give me this data format ["manage_books","manage_journals","manage_deals"] here is my trying code : let

问题 I am using react antd . I have got array of objects that's groupKey .I am mapping checkbox by using Groupkey and also I have got two different types of checkbox . One is Select All Checkbox . it actually works when user click on the Select All or User select on all individual checkbox . Other is individual checkbox , user can Select on individually . when user submit on Button , then it's give me this data format ["manage_books","manage_journals","manage_deals"] here is my trying code : let

问题 I am using react antd . I have got array of objects that's groupKey .I am mapping checkbox by using Groupkey and also I have got two different types of checkbox . One is Select All Checkbox . it actually works when user click on the Select All or User select on all individual checkbox . Other is individual checkbox , user can Select on individually . when user submit on Button , then it's give me this data format ["manage_books","manage_journals","manage_deals"] here is my trying code : let

问题 I made an application where I output the length of the questions for each post, but I get the result for each post equal with: 310 . Probably it happens because of too many renders. How to solve this and get the real length of the questions for each post? link to my app: https://codesandbox.io/s/basic-usage-ant-design-demo-4tl5h 回答1: Fix the incorrect number: do not push, use callback event of render instead Ant Table API: table Column const App = () => { const res = [ ...Object.keys(posts[0]

问题 I am using react antd. this code is worked perfectly , but I want to replace <CheckboxGroup/> . Now , I am just pass plainOptions array inside <CheckboxGroup/> without looping, but right now I want to do loop single <Checkbox> by using plainOptions array. For example : plainOptions.map(item=><Checkbox value={item} onChange {this.onChange}/>) ) // My code would be like this const plainOptions = ['Apple', 'Pear', 'Orange']; const defaultCheckedList = ['Apple', 'Orange']; class App extends React

问题 I am using react antd. this code is worked perfectly , but I want to replace <CheckboxGroup/> . Now , I am just pass plainOptions array inside <CheckboxGroup/> without looping, but right now I want to do loop single <Checkbox> by using plainOptions array. For example : plainOptions.map(item=><Checkbox value={item} onChange {this.onChange}/>) ) // My code would be like this const plainOptions = ['Apple', 'Pear', 'Orange']; const defaultCheckedList = ['Apple', 'Orange']; class App extends React

问题 I'm new to Typescript and therefore having a problem about it. I'm using Ant Design and followed how to use Form in Typescript but with FunctionComponent ; however, I'm getting an error thrown by Typescript: TypeScript error: Type '{}' is missing the following properties from type 'Readonly<RcBaseFormProps & Pick<SetupFormProps, "username" | "email" | "password" | "confirm_password" | "first_name" | "last_name">>': username, email, password, confirm_password, and 2 more. TS2740 Here's the