Использовать полевые события 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 ответ

Решение

Это может быть хакерское решение, но вы можете использовать шаблон поля для определения пользовательских событий, как при наведении курсора мыши. Если это работает, вам придется определить его один раз, а не повторять для каждого поля ввода

Другие вопросы по тегам