仅渲染React中的下一个未填写的表单组件

时间:2019-03-18 02:39:21

标签: reactjs react-hooks

我很难接受复杂的表格。大约有400个问题,其中大多数是收音机选择。我认为这是useMemocreateRefuseRef之类的东西,因此只有第一个空白组件才能获得true结果以供样式显示。

请帮助我。

这是与来源的基本相似

const SeveralForms = () => {
  return(
    // hope pseudo code is ok
    // like 10 of these
    <Form>
  )
}

const Form = () => {
  return(
    // about 30 of these
    <RadioGroup>
  )
}

const RadioGroup = () => {

  const show = () => (pesky logic i cant pin down)

  return(
    <div style={{display: show() ? 'block' : 'none' }}>
      <RadioButton />
      <RadioButton />
      <RadioButton />
    </div>
  )
}

1 个答案:

答案 0 :(得分:0)

为什么不简单:

<ng-container *ngTemplateOutlet="tab.content"></ng-container>