Новое предупреждение React с бета-версией - PullRequest
Новая
       18

Новое предупреждение React с бета-версией

0 голосов
/ 10 октября 2019

Я использую React-Admin beta 3.0.0-beta.0. Я перенес свое приложение и пока все хорошо. Сейчас я более внимательно изучаю журналы консоли, когда я регрессивно тестирую свое приложение, и заметил предупреждение, которого не было до перехода на бета-версию, и подумал, что оно может стоить того, чтобы команда знала или предложила мне внести изменения в мой код.

Форматирование, о котором идет речь, все еще работает нормально. Единственное беспокойство - это предупреждение, и мы ВСЕ хотели бы иметь чистые консоли:)

Любые советы по стилю кода приветствуются, а также относительно новы для JS / React и т. Д.

Я пробовалпосмотрите на код 2.X и сравните его с бета-кодом, чтобы увидеть, изменился ли параметр формата. Также проверил UPGRADE.md, чтобы увидеть, была ли там подсказка. 

import React from 'react';
import { TextInput, required, minLength, maxLength, regex } from 'react-admin';
import compose from 'recompose/compose';
import { translate } from 'ra-core';

export const NameInput = (props) => { 

    let nameValidater = [
        required('bh.validation.nameRequired'), 
        minLength(3, 'bh.validation.nameLengthMin'), 
        maxLength(64), 
        regex(/^[a-zA-Z0-9_]*$/, 'bh.validation.nameValidChars')
    ];    
    let nameFormatter = (value) => {
        if (value) {
            return value.toUpperCase().replace(/ /g,"_");
        } else {
            return '';
        }
    };

    return (
        <TextInput format={nameFormatter} validate={nameValidater} {...props} />
    );
};

NameInput.defaultProps = {
    style: { width: 400 }
};

export default compose(translate)(NameInput);

index.js:1375 Warning: Invalid value for prop `format` on <div> tag. Either remove it from the element, or pass a string or number value to keep it in the DOM. 
    in div (created by ForwardRef(FormControl))
    in ForwardRef(FormControl) (created by WithStyles(ForwardRef(FormControl)))
    in WithStyles(ForwardRef(FormControl)) (created by ForwardRef(TextField))
    in ForwardRef(TextField) (created by WithStyles(ForwardRef(TextField)))
    in WithStyles(ForwardRef(TextField)) (created by ResettableTextField)
    in ResettableTextField (created by TextInput)
    in TextInput (at NameInput.js:23)
    in NameInput (created by TranslatedComponent)
    in TranslatedComponent (at neighborhoods.js:100)
    in div (created by FormInput)
    in FormInput (created by FormTab)
    in span (created by FormTab)
    in FormTab (created by TranslatedComponent)
    in TranslatedComponent (at neighborhoods.js:96)
    in Route (created by TabbedFormView)
    in div (created by TabbedFormView)
    in form (created by TabbedFormView)
    in TabbedFormView (created by ReactFinalForm)
...
...