import React, { useEffect, useState,useRef } from 'react';
import styles from './index.less';
const Address: React.FC<{}> = (props) => {
 const liRefList = useRef([]);
 const getRef=(dom)=>{
    liRefList.current.push(dom)
 useEffect(()=>{
    init()
  },[])
  const init = ()=>{
    let listHtml = liRefList.current;
    console.log(listHtml)
  return (
    <div className={styles.Address} id="wrappent">
        addressData.map((item,index)=>(
          <div className={styles.container} key={index} ref={getRef} id={'my-list-item' + index}>
       	  </div>
    </div>
export default Address
    const { list } = this.state;
    for (let item of list) {
        if (item.value && item.value.length > 100) {
          Toast.show(`${i.
                                    不管在Vue中还是React，如果我们想使用一个元素的DOM，不需要通过JS中操纵DOM的方法，它们提供了一个专属的API就是ref。而Vue中的ref可能比较简单，这一篇主要讲一下如何在React中使用ref，以及使用ref的场景。
export default class Item extends Component {
    handleInput1 =()=>{
        const {input1} = this.refs;
        console.log("handleInput1====>",input1.value)
                                    react 项目中有时会需要用到ref去获取节点的真实dom对象，在函数组件中官方推荐使用useRef我在渲染列表时想获取所有li的dom元素，根据官方文档中的demo，我写出了下面的代码，点击button时打印ref的值import React, { useRef } from 'react';export default function Demo() {const list = [1, 2,...
回调函数就是在dom节点或组件上挂载函数，函数的入参是dom节点或组件实例，达到的效果与字符串形式是一样的，
都是获取其引用。
<input type="text" ref={(in...
import React,{Component} from 'react'
export default class UserAdd extends Component{
    constructor(){