Как мы можем показать или скрыть компоненты внутри OverReact (библиотеки для создания реагирующих компонентов, используя dart) в соответствии с условиями?

Question

Я использую пакет React https://github.com/Workiva/over_react

Я пытался показать ошибку для текстового поля, если условие удовлетворяет. Но даже при выполнении условия компонент ( ListGroupItem ) не отображается. ? Я вызываю showError () для функции щелчка. props.inputEmailProps ['error'] изначально имеет значение true.

showError() {
  if (props.inputEmailProps['error']) {
     return (ListGroupItem()
       ..skin = ListGroupItemSkin.DANGER)(props.inputEmailProps['errorText']);
  }
}

  @override
   render() {
   return Dom.div()(
    (LoginInput()
      ..addTestId('loginEmailField')
      ..fieldId = props.email
      ..id = props.id
      ..inputProps = props.inputEmailProps
      )(),
    (showError)())} 

Answer 1

Вам просто нужно вызвать функцию showError.

@override
render() {
  return Dom.div()(
    (LoginInput()
      ..addTestId('loginEmailField')
      ..fieldId = props.email
      ..id = props.id
      ..inputProps = props.inputEmailProps
    )(),
    showError(),
  );
}