Reactjs 如何根据条件显示或隐藏OverReact（使用dart构建react组件的库）中的组件？

我正在使用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)())} 

---

您只需要调用

showError

函数

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

---

什么是“反应镖”？

reactjs

、

react redux

、

dart pub

、

dart html

与这个问题有什么关系？@GünterZöchbauer:我尝试了与react dart相关的标签，但找不到。我想这可能与react redux和dart有关。我的应用程序使用Overreact，这是一个使用Dart创建React组件的库。PFB文档链接：谢谢，这让它更清楚。我建议在过度反应GitHub回购协议中创建一个问题，并链接到这个SO问题，以防过度反应的人没有监控SO。谢谢@GünterZöchbauer。我已经贴了，我试过了。但仍然不起作用。如果在没有条件If运算符的情况下返回要显示的组件，则会在页面加载时显示该组件。但是没有显式调用淋浴ROR（）。您是否尝试在组件首次装载时记录

props.inputEmailProps['error']

的值？类似地，我建议在

组件WillReceiveProps

中放置一个print语句，以验证

props.inputEmailProps['error']

在您预期的情况下是否为true。props.inputEmailProps['error']的值是否为true。即使这样，在文本框中输入文本时，也不能根据在keyup事件中写入的条件正确显示。