Docs / rescript-react / JavaScript Interop
Edit

JavaScript Interop

This section complements the general Import from / Export to JS section with React-specific guidance.

Import from JavaScript

Importing a JS-based React Component

This is especially useful for 3rd-party components.

ReScriptJS Output (ES6)
module DatePicker = {
  @module("react-datepicker") @react.component
  external make: (~date: Js.Date.t, ~onChange: (Js.Date.t) => unit) => React.element = "default"
}

@react.component
let make = () => {
  let (date, setDate) = React.useState(Js.Date.make)
  <DatePicker date=date onChange={date => setDate(_ => date)} />
}