Fatal编程技术网
  • reactjs/
  • Reactjs 为什么forEach向我显示双重输出？（React.Children.forEach方法）

Reactjs 为什么forEach向我显示双重输出？（React.Children.forEach方法）

reactjs

Reactjs 为什么forEach向我显示双重输出？（React.Children.forEach方法）,reactjs,foreach,Reactjs,Foreach,我有一段代码，它在控制台中两次显示文本。为什么? const { Children } = React const { render } = ReactDOM const Display = ({children}) => Children.forEach(children, child => console.log(child.props.children)) render( <Display> <h1>Chil

我有一段代码，它在控制台中两次显示文本。为什么?

const { Children } = React
const { render } = ReactDOM

const Display = ({children}) => Children.forEach(children, child => 
      console.log(child.props.children))

render(
    <Display> 
         <h1>Child 1</h1> 
         <h1>Child 2</h1> 
         <h1>Child 3</h1> 
    </Display>
, document.getElementById('react-container'))

const{Children}=React
常量{render}=ReactDOM
const Display=（{children}）=>children.forEach（children，children=>
console.log（child.props.children））
渲染(
儿童1
儿童2
儿童3
，document.getElementById（'react-container'））
控制台显示： 儿童1 儿童2 儿童3 儿童1 儿童2
子3

未从
显示返回有效值，这导致
ReactDom.render出现意外行为。在
显示
中添加一个
返回空值
，可能是由于重新渲染