const arr = [a, b, c]
render(){
  return (
	<div>
	{
		arr.map((item,index)=>{
			return (
			  <div key={index}>{item}</div>
			)
		 })
	}
	</div>
  )
}

const obj = {
	a: [1,2,3],
	b: [4,5,6]
}

Object.keys(obj).map((element,index)=>{
	return (
		<div key={index}>
			<div>{element}</div>
			element.map((item,i)=>{
				return (
					<div key={i}>{item}</div>
				)
			})
		</div>
	)
})

 // field為接口字段，屬性個(gè)數(shù)不確定。
 // 例如： field = { a: "123", model: "text", ... } 
 <Descriptions 
 	title="自定義參數(shù)" 
 	size="middle" 
 	labelStyle={{ color:"#999" }} 
 	style={{ overflowY: "auto", maxHight: "160px" }}
 >
	{/* <pre >{JSON.stringify(field,null,2)}</pre> */}
	{
	  Object.keys(field).map((name)=>{
	    return <Descriptions.Item label={name}>{field.name}</Descriptions.Item>
	  })
	}
	</Descriptions>

// 類組件中
constructor (props) {
? ? super(props);
? ? this.myRef = React.createRef();
}
// 函數(shù)組件中（使用hooks）
const myRef = useRef();

// 類組件
<div className="t-box scroll-bar" ref={this.myRef}>
?? ?...
</div>

// 函數(shù)組件
<div className="t-box scroll-bar" ref={myRef}>
?? ?...
</div>

import ReactDom from 'react-dom';
// 類組件
const getTargetDOM = ReactDom.findDOMNode(this.myRef.current);
// 函數(shù)組件
const getTargetDOM = ReactDom.findDOMNode(myRef.current);

// 設(shè)置向上滾動(dòng)距離
getTargetDOM.scrollTop = 1000;
getTargetDOM.style.color = 'red';