Reactjs 添加表单验证&;响应语义用户界面的错误消息

Reactjs 添加表单验证&;响应语义用户界面的错误消息,reactjs,semantic-ui,Reactjs,Semantic Ui,我对React语义UI是新手,我不知道应该把这些代码放在哪里,是放在CSS中,还是制作其他的.js文件并导入它 样本: $('.ui.form') .form({ fields: { name: { identifier: 'name', rules: [ { type : 'empty', prompt : 'Please enter your name'

我对React语义UI是新手,我不知道应该把这些代码放在哪里,是放在CSS中,还是制作其他的.js文件并导入它

样本:

$('.ui.form')
  .form({
    fields: {
      name: {
        identifier: 'name',
        rules: [
          {
            type   : 'empty',
            prompt : 'Please enter your name'
          }
        ]
      },
      terms: {
        identifier: 'terms',
        rules: [
          {
            type   : 'checked',
            prompt : 'You must agree to the terms and conditions'
          }
        ]
      }
    }
  })
;