Javascript Bootstrap 4 beta不起作用

我试图使用Bootstrap4来显示表单输入的错误。 它的一切工作，但一旦我点击了“注册”按钮的空白形式，没有红色的错误是显示它。因此，引导程序4中的“has danger”类不起作用。我想知道是否有其他方法可以使用bootstap4中的error类

import React from 'react';
import PropTypes from 'prop-types';
import map from 'lodash/map';
import classnames from 'classnames';

class SignUpForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      firstname: '',
      lastname: '',
      username: '',
      password: '',
      email: '',
      errors: {},
      isLoading: false
    }
    this.onChange = this.onChange.bind(this);
    this.onSubmit = this.onSubmit.bind(this);

  }
  onChange(e) {
    this.setState({
      [e.target.name]: e.target.value
    });
  }

  onSubmit(e) {

    e.preventDefault();
    this.setState({errors: {}, isLoading: true});
    this.props.userSignUpRequest(this.state).then(() => {}, ({data}) => this.setState({errors: data, isLoading: false}));

  }
  render() {
    const {errors} = this.state;
    return (
      <form onSubmit={this.onSubmit}>
        <div className={classnames('form-group', {'has-danger': errors.firstname})}>
          <label className="form-control-label">
            First Name
          </label>
          <input value={this.state.firstname} onChange={this.onChange} type="text" name="firstname" className="form-control form-control-danger" id="inputDanger1"/> {errors.firstname && <span className="help-block">{errors.firstname}</span>}
        </div>
        <div className="form-group has-danger">
          <label className="form-control-label">
            Last Name
          </label>
          <input value={this.state.lastname} onChange={this.onChange} type="text" name="lastname" className="form-control form-control-danger"/> {errors.lastname && <span className="help-block">{errors.lastname}</span>}
        </div>
        <div className="form-group">
          <label className="control-label">
            Username
          </label>
          <input value={this.state.username} onChange={this.onChange} type="text" name="username" className="form-control"/> {errors.username && <span className="help-block">{errors.username}</span>}
        </div>
        <div className="form-group">
          <label className="control-label">
            Password
          </label>
          <input value={this.state.password} onChange={this.onChange} type="text" name="password" className="form-control"/> {errors.password && <span className="help-block">{errors.password}</span>}
        </div>
        <div className="form-group">
          <label className="control-label">
            Email
          </label>
          <input value={this.state.email} onChange={this.onChange} type="text" name="email" className="form-control"/> {errors.email && <span className="help-block">{errors.email}</span>}
        </div>
        <div className="text-left">
          <small>By clicking Submit, I agree that I have read and accepted the
            <a href="#"> Terms and conditions</a>
          </small>
        </div>
        <div className="form-group mt-1">
          <button disabled={this.state.isLoading} className="btn btn-primary btn-lg">Sign Up</button>
        </div>
      </form>
    );
  }
}

SignUpForm.propTypes = {
  userSignUpRequest: PropTypes.func.isRequired
}

export default SignUpForm;

从“React”导入React；
从“道具类型”导入道具类型；
从“lodash/map”导入地图；
从“类名称”导入类名称；
类注册表单扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
名字：''，
姓氏：“”，
用户名：“”，
密码：“”，
电子邮件：“”，
错误：{}，
孤岛加载：false
}
this.onChange=this.onChange.bind（this）；
this.onSubmit=this.onSubmit.bind（this）；
}
onChange（e）{
这是我的国家({
[e.target.name]：e.target.value
});
}
提交（e）{
e、 预防默认值（）；
this.setState（{errors:{}，isLoading:true}）；
this.props.userSignUpRequest（this.state）.then（（）=>{}，（{data}）=>this.setState（{errors:data，isLoading:false}））；
}
render（）{
const{errors}=this.state；
返回(
名字
{errors.firstname&&{errors.firstname}
姓
{errors.lastname&&{errors.lastname}
用户名
{errors.username&&{errors.username}
密码
{errors.password&&{errors.password}
电子邮件
{errors.email&&{errors.email}
通过单击提交，我同意我已阅读并接受
注册
);
}
}
SignUpForm.propTypes={
userSignUpRequest:PropTypes.func.isRequired
}
导出默认注册表；

bootstrap-4的相关导入在哪里？@Dekel我在index.html文件中添加了bootstrap的cdn链接，当你说“除了废话，一切都在工作”时，你是说所有其他bootstrap-4的东西都在工作吗？或者除了bootstrap4之外，所有的站点都在运行。你也检查过网页中的元素了吗？当您尝试使用空表单提交时，是否会将类添加到输入中？如果是这样，那么这个类是否具有您认为的CSS属性？这些属性可能会被其他文件中的CSS覆盖吗？您在代码中的什么地方添加了

has error

类？@Dekel has danger，sorry bootstrap-4的相关导入在哪里？@Dekel我在index.html文件中添加了bootstrap的cdn链接，当您说“一切正常，除了废话”你是说其他的Bootstrap4都能用吗？或者除了bootstrap4之外，所有的站点都在运行。你也检查过网页中的元素了吗？当您尝试使用空表单提交时，是否会将类添加到输入中？如果是这样，那么这个类是否具有您认为的CSS属性？这些属性是否可能被其他文件中的CSS覆盖？您在代码中的何处添加了

has error

类？@Dekel has danger，抱歉