我们如何根据条件在 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(),
);
}