render() { const { userName, messages, rdxSend } = this.props; return ( <Grid.Column> <Header textAlign="center" dividing> {userName} </Header> <Form> <Form.TextArea value={this.state.body} onChange={e => { this.onChange(e.target.value); }} onKeyPress={e => { if (e.charCode === 13) { this.onSend(userName, e.target.value, rdxSend); } }} ></Form.TextArea> </Form> <MessageList myUserName={userName} messages={messages} /> </Grid.Column> ); }
<label>About:</label> {fieldErrors.about && <ErrorInline text={fieldErrors.about} />} <Form.TextArea name="about" onChange={handleFieldChange}
/> </Form.Group> <Form.TextArea label='About' placeholder='Tell us more about you...' /> <Form.Checkbox label='I agree to the Terms and Conditions' /> <Form.Button center>Submit</Form.Button>
label="Your name" placeholder="You can leave it anonymous" /> <Form.TextArea onChange={(e, data) => this.setState({ feedback: data.value })} name="feedback"
/> </Form.Group> <Form.TextArea style={{ minHeight: 100, maxHeight: 100 }} label="About"
<Form.Field> <label>Purpose:</label> <Form.TextArea value={formFields.purpose} onChange={handleFieldChange}
/> </Form.Group> <Form.TextArea style={{ minHeight: 100, maxHeight: 100 }} label="About"