TextFieldとSelectField以外のコンポーネントのエラーテキスト

Question

私はデータを収集するためのフィールドを持つ簡単なフォームを実装しています。私は、テキストフィールド、チェックボックス、ラジオボタンのようないくつかのフィールドで検証を実装する必要があります。

ドキュメントを1として使用するための小道具は、それを裏付けるプロパティはありませんサイト（http://www.material-ui.com/v0.11.1/#/components/switches）の仕様を1として「ERRORTEXT」

です。

しかし、我々は、テキストボックスのためにこれを持っている。（http://www.material-ui.com/v0.11.1/#/components/text-fields）

<TextField hintText="Hint Text" errorText={this.state.errorText} onChange={this._handleErrorInputChange} /> 

だから、これで以前の経験を持つ誰もが基本的な何かを彼らはこれを実装しているか、私は行方不明ですどのようによう助けることができますか？

Answer 1

あなた自身のエラーメッセージを実装する必要があります。CheckboxまたはerrorTextプロパティを持たない他のマテリアルUIコンポーネントをラップするコンポーネントを作成してそこに実装することをお勧めします。 。のような

何か：

cont MyCheckbox = (props) => { 
    return (
     <div> 
      <Checkbox 
       {...props} 
      /> 
      <div className='error-text'>{props.errorMessage}</div> 
     </div> 
    ) 
}