如何使错误消息显示：无和显示：阻止？

Question

我有一个未在渲染区域中定义ShowErrorWarning的方法。我需要使用状态。但是如何使该功能有效？

我已经尝试过将错误消息用作类上方的ShowErrorMessage函数。但是，然后我不能包含状态。

function ShowWarning() {

let error = this.props.warningError.error;   

    if (error === "") {
        this.setState({
            ...this.state,
            errorStyle: {
                display: 'none'
            },
            warningMessage: ''
        });
    } else {
        this.setState({
            ...this.state,
            errorStyle: {
                display: 'block'
            },
            warningMessage: this.props.warningError.message
        }); 
    }

}

当我从API调用中收到错误消息时，错误消息将显示为单独的组件。这存储在this.props.warningError.error中。

Answer 1

您应该能够在JSX中使用简单的三元运算符，并根据包含消息的__exit__呈现所需的组件或null。

warningError.error