怎么能不把孩子当道具呢。相反，将子级嵌套在 React 的开始和结束标签之间？

Question

错误说：不要将孩子作为道具传递。相反，当我添加这部分“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>

Answer 1

我相信你需要改变这一点：

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

对此​

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