Использовать полевые события response-jsonschema-form
У меня есть простая схема для создания формы. Я хочу сделать некоторые действия на полях, когда наведите курсор мыши. но я не знаю, как я могу добавить мышь ко всем полям. Читая Документы, я обнаружил, что есть некоторые события для полей формы. - События размытия поля формы - События фокуса поля формы Хотя для них нет никакого примера. Пожалуйста, помогите мне понять, где я могу установить указатель мыши на событие? Это моя схема:
"schema":
{
"type":"object",
"properties":{
"request": {
"type": "object",
"properties": {
"requester": {
"type": "string"
},
"requestDate": {
"type": "integer"
},
"detailList": {
"type": "array",
"items": {
"id": "urn:jsonschema:com:fanap:demo:entity:ItemRequestDetail",
"type": "object",
"properties": {
"item": {
"id": "urn:jsonschema:com:fanap:demo:entity:ItemClass",
"type": "object",
"properties": {
"name": {
"type": "string"
}
}
},
"requestedAmount": {
"type": "number"
}
}
}
},
"description": {
"type": "string"
},
"state": {
"id": "urn:jsonschema:com:fanap:demo:entity:CategoryElement",
"type": "object",
"properties": {
"name": {
"type": "string"
}
}
},
}
},
"processResult": {
"type": "object",
"properties": {
"notificationMessage": { "type": "string" }
}
}
}
}
и это мой компонент для отображения сгенерированной формы:
class JsonFormWrapper extends React.Component<PropsT> {
render() {
return (
<React.Fragment>
{this.props.jsonResponse ? (
<Form
schema={this.props.jsonResponse.schema}
uiSchema={this.props.jsonResponse.uiSchema}
/>
) : null}
</React.Fragment>
);
}
}
export default JsonFormWrapper;
Как я могу установить курсор мыши для всех элементов? Я действительно ценю любую помощь, которую вы можете оказать.
1 ответ
Это может быть хакерское решение, но вы можете использовать шаблон поля для определения пользовательских событий, как при наведении курсора мыши. Если это работает, вам придется определить его один раз, а не повторять для каждого поля ввода