时间戳

首页 > 解决方案 > 我怎么能不把孩子当道具。相反，在 React 的开始标签和结束标签之间嵌套子元素？

reactjs - 我怎么能不把孩子当道具。相反，在 React 的开始标签和结束标签之间嵌套子元素？

问题描述

错误说：不要将孩子作为道具传递。相反，当我添加这部分“children = {}”时，在开始标签和结束标签之间嵌套孩子

我不熟悉反应和脉轮所以有人可以帮助解决这个问题吗？

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<Stack id='phone'>
  <InputGroup>
    <InputLeftElement pointerEvents='none' children={<PhoneIcon color='gray.300' />} />
    <Input
      type='tel'
      name={`${type}[phone]`}
      autoComplete='phone'
      value={Phone}
      placeholder='Numero de telephone'
      className='chakra-input'
    />
  </InputGroup>
</Stack>

标签： reactjschakra-ui

解决方案

我相信你需要改变这个：

<InputLeftElement pointerEvents='none' children={<PhoneIcon color='gray.300' />} />

对此_

<InputLeftElement pointerEvents='none'>
  <PhoneIcon color='gray.300' />
</InputLeftElement>

推荐阅读