Reactjs react.js行在删除css后中断

在我的

React.js

应用程序中，我的一个组件的

render

函数如下所示：

render() {
    return (
        <div >
                <form>
                <p>
                    <h1>
                        Error code : {this.state.errorCode}
                    </h1>
                </p>
                <p>
                    <h3>
                        Sorry! The request can not be processed.
                    </h3>
                </p>
                <p>
                    <button className="btn btn-sm btn-secondary btn-block btn-animated" onClick={this.GoBack}>
                        Go back
                    </button>
                </p>
                </form>
            </div>
    );
}

render（）{
返回(

错误代码：{this.state.errorCode}


抱歉！无法处理该请求。


回去

);
}

它渲染正确，但问题是：

它将一行拆分为多行

这里是一个快照：

---

这些样式是从其他父/子组件或Css文件继承而来的

我在codepen上试用了你的代码，效果很好。 codepen.io/mohitpatil/pen/xxKzpgB

---

似乎您正在使用引导。如果可能，检查您的组件是否位于应用容器类的其他组件中

很可能从你的css文件，你可以发布你的css！这就是我的

类的开始方式：
从“React”导入React；类错误扩展了React.Component{…
no css..它是一个子组件并从父组件继承css属性吗？否@PrabhatMishra，它不是继承…直接继承
React.Component
你能为你的代码制作一个代码沙盒吗！