为输入文本框编写事件处理程序的文档在哪里?
Where is the documentation to write an event handler for input text box?
本来想知道:
如何为此编写处理程序?
type state = string;
type action = | ChangeName(string)
let reducer = (_state, action) => switch action { | ChangeName(text) => text }
[@react.component]
let make = () => {
let (state, dispatch) = React.usefReducer(reducer, "");
/* What is the parameter type and how do I decode it? */
let onChange = ??? => dispatch(ChangeText(????));
<input value=state onChange/>
}
具体来说,双关 onChange
处理程序的参数类型是什么,我该如何对其进行解码?
我遇到的每个参考资料都是针对 JS
,我很难将其翻译成 Re
。
编辑
我通过抓取 github:
找到的答案
let onChange = event => dispatch(ChangeName(ReactEvent.Form.target(event)##value));
假设我想使用另一个 JSX 元素,文档在哪里?或者,他们是否假设从其他地方来到这里的人具有先验知识? (我对 'c' 最满意)。
您可以从 https://github.com/rescript-lang/rescript-react/blob/v0.10.1/src/ReactDOM.res
中获取所有 DOM 属性的类型
此文件包含与 ReScript-React 的 DOM 属性子集的绑定。它有:
onChange: ReactEvent.Form.t => unit
ReactEvent.Form
模块声明于 https://github.com/rescript-lang/rescript-react/blob/v0.10.1/src/ReactEvent.resi#L168
在查找任何特定于 ReScript-React 的内容时,请搜索该存储库。
看起来您现在有正确的代码来处理事件。顺便说一句,您在某些地方有变体构造函数 ChangeName
,在其他地方有 ChangeText
,我认为正确的是其中之一。编译器当然也会捕捉到这一点:-)
本来想知道:
如何为此编写处理程序?
type state = string;
type action = | ChangeName(string)
let reducer = (_state, action) => switch action { | ChangeName(text) => text }
[@react.component]
let make = () => {
let (state, dispatch) = React.usefReducer(reducer, "");
/* What is the parameter type and how do I decode it? */
let onChange = ??? => dispatch(ChangeText(????));
<input value=state onChange/>
}
具体来说,双关 onChange
处理程序的参数类型是什么,我该如何对其进行解码?
我遇到的每个参考资料都是针对 JS
,我很难将其翻译成 Re
。
编辑 我通过抓取 github:
找到的答案let onChange = event => dispatch(ChangeName(ReactEvent.Form.target(event)##value));
假设我想使用另一个 JSX 元素,文档在哪里?或者,他们是否假设从其他地方来到这里的人具有先验知识? (我对 'c' 最满意)。
您可以从 https://github.com/rescript-lang/rescript-react/blob/v0.10.1/src/ReactDOM.res
中获取所有 DOM 属性的类型此文件包含与 ReScript-React 的 DOM 属性子集的绑定。它有:
onChange: ReactEvent.Form.t => unit
ReactEvent.Form
模块声明于 https://github.com/rescript-lang/rescript-react/blob/v0.10.1/src/ReactEvent.resi#L168
在查找任何特定于 ReScript-React 的内容时,请搜索该存储库。
看起来您现在有正确的代码来处理事件。顺便说一句,您在某些地方有变体构造函数 ChangeName
,在其他地方有 ChangeText
,我认为正确的是其中之一。编译器当然也会捕捉到这一点:-)