如何正确调用/定义不返回任何内容的外部函数。我在做什么错了?
Renderer.purs:
module Renderer where
import Prelude
import Effect (Effect)
foreign import renderMd :: String -> Effect Unit
Renderer.js:
var md = require('markdown-it')();
exports.renderMd = function(str) {
document.body.append( md.render(str) );
}
最终致电:
import React.Basic.DOM as R
import React.Basic.DOM.Events (targetValue)
import React.Basic.Events as Events
R.textarea
{ onChange: Events.handler targetValue $ maybe (pure unit) renderMd
}
编译正常,但给出:
Uncaught TypeError: cb(...) is not a function
在可能是purescript-react-basic的handler
的定义中,已编译:
var handler = function (v) {
return function (cb) {
return function ($22) {
return cb(v($22))();
};
};
};
答案 0 :(得分:2)
我认为解决方案是将FFI函数的结果包装在零参数函数中:
var md = require('markdown-it')();
exports.renderMd = function(str) {
return function() {
document.body.append( md.render(str) );
}
}
优秀书籍 PureScript by Example 的这一章提到了这一点:https://leanpub.com/purescript/read#leanpub-auto-representing-side-effects
我不得不承认,这并不明显,但实际上是有道理的:将有效结果包装在函数中会延迟其评估,直到调用该函数为止,这是控制副作用所必需的。