我有一个简单的模式来生成表单。当鼠标悬停时,我想对字段执行一些操作。但我不知道如何将鼠标添加到所有字段。通过阅读文档,我发现表单字段有一些事件。- 表单域模糊事件 - 表单域焦点事件 虽然没有任何示例。请帮助我了解在哪里可以设置鼠标悬停事件?这是我的架构:
"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;
如何为所有元素设置鼠标?我非常感谢您能提供的任何帮助。