ReactJS input type = "text" maxLength не работает при передаче в качестве реквизита - PullRequest
Новая
       36

ReactJS input type = "text" maxLength не работает при передаче в качестве реквизита

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

Я пытаюсь передать maxLength как реквизиты, но это не работает. Может кто-нибудь поможет? Спасибо!

Ниже приведены два компонента: 

 <Input
        id="creategroup-group-and-description-textfield"
        value={value}
        type="text"
        multiline={this.props.multiline}
        rowsMax={this.props.rowsMax}
        maxLength={this.props.maxLength}
        onChange={this.handleInputChange}
        placeholder={this.props.placeholder}
      />



     <TextFieldWithTitle
          title="Group Name"
          maxLength={3}
          multiline={false}
          placeholder="e.g.Study and Workout"
        />

1 Ответ

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

Я наконец-то разобрался с ответом и решил поместить его здесь для людей, у которых может возникнуть такой же вопрос в будущем:)

Ответ: если вы хотите передать maxLength в качестве реквизита в React. Вы должны использовать: 

inputprops = {{maxLength = num}} (note: num can be any positive num you want. No {} and "" needed.

Затем, в месте, которое получает этот реквизит, напишите: 

inputprops = {this.props.inputprops}

Чтобы ограничить длину ввода, напишите: 

<Input 
inputprops={{maxLength: 100(e.g.)}}
/>

ПРИМЕЧАНИЕ: Inputprops и inputprops - это две разные вещи в React. Будьте осторожны.

...