Задать вопрос
@Ramfan

Как стилизовать Redux Form при помощи fela.js?

У меня есть Redux Form мне нужно стилизовать input'ы
const renderField = ({ input, label, type, meta: { touched, error, warning }}) => (
  <div>
        <div>
                <input {...input} placeholder={label} type={type} style={touched? error?
                    {borderColor: 'red'}:
                    {borderColor:''}:
                    {borderColor:''}} />
        </div>
    </div>
);

const Auth = props => {
    const { handleSubmit, pristine, reset, submitting, textVal } = props;

    return (
        <form onSubmit={handleSubmit}>
            <div>
                <div>
                    <Field
                        name="email"
                        component={renderField}
                        type="email"
                        label="ivanov@mail.domen"

                    />
                </div>
            </div>
            <div>
                <div>
                    <Field
                        name="password"
                        component={renderField}
                        type="password"
                        label="Password"
                    />
                </div>


            </div>


            <div>
                <ButtonStyle type="submit" name="Submit" disabled={pristine || submitting} >
                    {textVal}
                </ButtonStyle>
            </div>
        </form>
    )
}

export default reduxForm({
    form: 'AuthForm',
    initialValues:  {
        password: '',
        email: '',
    },
    validate
})(Auth)


Как стилизовать при помощи fela... в документации мало информации, может знающие люди подскажут?
  • Вопрос задан
  • 88 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы