Доступ к значению атрибута из другого атрибута в React

Question

У меня есть компонент React, для которого мне нужен доступ к атрибуту из других атрибутов.

В сценарии использования один из атрибутов однозначно идентифицирует компонент (controlId). Атрибуту value нужен этот идентификатор, чтобы знать, что отображать из props, а атрибуту onChange нужен этот идентификатор, чтобы сообщить родительскому компоненту, как обновлять.

В настоящее время я могу жестко закодировать идентификатор во всех трех местах.

<Input
    controlId={"someName"}
    value={this.props.fieldData["someName"]}
    onChange={(evnt) => this.props.handleFieldUpdate(evnt, "someName")}
/>

У меня есть много таких компонентов, и жесткое кодирование строк, таких как "someName" в разных местах, утомительно и подвержено ошибкам. Есть ли способ получить доступ к атрибуту controlId из атрибутов onChange и value?

Answer 1

Использовать event.target Для доступа к свойствам элемента. В вашем случае для доступа к controlId вы можете использовать event.target.controlId

   <Input controlId={"some_name"} onChange={event => this.props.someFunc(event.target.controlId)}/>