react随记

1、FormData

let formData=new FormData();
formData.append('name',value)

（1）FormData内容的数据，如果直接console是看不到的，需要使用函数来调用。比如get,、getAll,；如果要遍历的话，可以使用forEach

console.log(formdata.get("name"))
console.log(formdata.getAll("name"))
formdata.forEach(value => console.log(value))

（2）如果新加进去的value是对象的话，以参数形式传递到后台时，控制台显示(binary)
2、antd-form
（1）获取表单的值
需要给每个Form.Item设置name值；
要想获取到antd-form的默认值，需要在Form设置initialValues（name值需对应）或者在Form.Item设置initialValue
3、select
（1）默认值
值类型为字符串数组，直接设置defaultValue
值类型为数组对象，需设置labelValue，defaultValue设置为对象即可
4、接收参数需要{}
5、onClick自动触发
6、forEach遍历渲染不显示，map遍历显示
参考文章
7、react再次点击Modal弹出框，里面的值不更改
每次关闭model弹出框时，把model里面的子dom销毁掉

import { ModalForm } from "@ant-design/pro-form"

<ModalForm
  modalProps={
    destroyOnClose:true
  }
>
</>

8、react+less
参考文章
less文件

.page{
  :global{
    .name-group{
      color:red
    }
  }
}

tsx文件

import styles from './index.less'

<div className={styles.page}>
  <div className="name-group">name</div>
</div>