Описание тега reason-react

ReasonReact - это официальная привязка Reason + BuckleScript для ReactJS.
1 ответ

Передача компонента React другому компоненту?

Я пытаюсь определить ProductRow а также ProductCategoryRow от мышления в реакции. productRow.re let component = ReasonReact.statelessComponent("ProductRow"); let make = (~name, ~price, _children) => { ...component, render: (_self) => { <tr&…
30 янв '18 в 02:49
1 ответ

Как составить реквизит через компонент в связывании разума-реакции?

В настоящее время я пишу привязку "реакция на реакцию материала" с интерфейсом пользователя и хочу узнать, как я могу повторно использовать ранее заданные реквизиты. Компонент Select распространяет все входные реквизиты в себя, в базовую реагирующую…
1 ответ

Не удается разрешить ReasonReact.js в веб-пакете

Я пытаюсь заставить ReasonML работать с существующей базой кода React. Я не пользуюсь create-react-app, Это hand-built проект. По большей части, похоже, все настроено нормально. Тем не менее, я получаю сообщение об ошибке при попытке запустить Webpa…
11 фев '18 в 07:46
1 ответ

Причина реагировать, как лучше справиться с событием?

Мне удалось получить событие, чтобы обновить, используя фрагмент сети, мне действительно трудно понять. Вот весь фрагмент: type state = { login: string, password: string }; type action = | SetLogin(string) | SetPassword(string); let component = Reas…
09 июн '18 в 20:06
1 ответ

Возникли проблемы при получении данных о событии из прослушивателя событий в ReasonReact

Я пытаюсь реализовать динамическое изменение размера столбца в таблице (как в Excel или Google Sheets). В моей функции рендеринга я использую handle обратный вызов, когда пользователь нажимает кнопку мыши на моем элементе управления изменением разме…
1 ответ

Что означает этот синтаксис (...)

Я вкладываю свои руки в разумную реакцию. В следующем коде: let component = ReasonReact.statelessComponent("Component3"); let make = (~name, _children) => { ...component, render: self => <input type_="checkbox" />, }; Я не понимаю, что (…
13 фев '19 в 13:25
2 ответа

Как определить компонент / привязку при использовании React ref в Reasonml?

У меня проблемы с интеграцией модуля реакции-системы-уведомлений в моем приложении, прочитав документацию по Reason React Ref. Я не уверен, почему ссылка не передается по стеку; намек был бы очень признателен. Я продолжаю получать сообщение об ошибк…
28 дек '17 в 08:40
1 ответ

Как я могу поделиться реквизитом в ReasonReact?

Резюме Предположим, у меня есть reducerComponent <TodoList /> который использует statelessComponent <TodoItem todo /> Вот todo это тип записи называется todoItem, type todoItem = { text: string, isDone: bool, }; Но я не могу поделиться t…
03 ноя '18 в 04:33
1 ответ

ReasonReact небезопасная строка для элемента

Я сделал функцию, которая принимает строку и заменяет в ней определенную подстроку: let mark = (str: string, sub: string) : string => { let re = Js.Re.fromString("(" ++ sub ++ ")"); Js.String.replaceByRe(re, "<mark>$1</mark>", str); }…
30 мар '18 в 17:37
1 ответ

Деструктуризация события Mouse Move в ReasonReact

В данный момент пытаюсь вытащить clientX Отключение события мыши в Reason React. Вот компонент в настоящее время: type state = { count: int, hover: bool, mouseX: int, mouseY: int, }; type action = | Hover | MouseMove(ReactEventRe.Mouse.t); let compo…
01 дек '18 в 22:25
1 ответ

Печать списков с неизвестной длиной

У меня есть list(string) с неизвестной длиной, которую я хотел бы визуализировать в моем компоненте ReasonReact. Я читал, что нет встроенной поддержки печати сложных структур данных. Но как сделать вывод списка в его компоненте чисто функциональным …
10 окт '18 в 17:25
2 ответа

Ответ массива Graphql на ReasonReact

Пытаюсь понять, как работает с данными в разум. У меня есть этот запрос graphql, возвращающий данные и записывающий его. Вопрос в том, как мне получить доступ к данным в следующем компоненте. let component = ReasonReact.statelessComponent("Home"); l…
10 ноя '17 в 13:16
1 ответ

Как определить многоразовые константы?

У меня есть компонент Reason React, который выглядит следующим образом: /* MyComponent.re */ let make = _children => { ...component, reducer: (action, state) => { switch (action) { | KeyDown(key) => switch (key) { | 13 => ReasonReact.Upd…
04 май '18 в 01:13
1 ответ

Как условно установить атрибуты HTML в JSX, используя разумную реакцию?

Я хочу сделать флажок HTML, чье состояние контролируется данными. Дайте компонент без состояния, который получает item тип { label: string, checked: bool}, Вот так: let component = ReasonReact.statelessComponent("TodoItem"); let make = (~item, _chil…
16 окт '18 в 22:08
1 ответ

Можно ли кодировать Reason React на Windows 8.1?

Я нахожусь в неблагоприятной ситуации в течение следующих нескольких месяцев, когда мне приходится использовать компьютер с Windows 8.1 для веб-разработки. В настоящее время я заинтересован в ReasonML и использую код Visual Studio. React React - это…
02 май '18 в 09:22
2 ответа

`self.send` в ReasonReact Ошибка времени компиляции

Учитывая следующее: $cat src/Greeting.re let component = ReasonReact.reducerComponent("Greeting"); type action = | Click; type state = { count: int }; let make = (_children) => { ...component, initialState: () => {count: 0}, reducer: (action, …
14 янв '18 в 22:15
1 ответ

Имеется ли смысл в том, что вводит тип в функцию в ReasonML: соглашение о стилях или синтаксический сахар?

Я пытаюсь выучить ReasonML и наткнуться на эту строчку в источнике Reason React Hacker News (src/CommentList.re): type action = | Toggle(option(string)); где следующее вхождение action в качестве параметра в функции reducer: reducer: (action, state)…
26 янв '18 в 03:36
1 ответ

Рендеринг нескольких компонентов на основе атрибутов данных

В ReasonReact, если я хочу визуализировать определенный элемент в элементе HTML, id Я могу использовать встроенную функцию renderToElementWithId(ReasonReact.reactElement, Dom.element), например: ReactDOMRe.renderToElementWithId(<MyComponent />…
21 дек '17 в 00:10
1 ответ

Сделать и ненужные обратные вызовы создания и назначения (initialState...)?

Я не понимаю, как make Работа: let component = ReasonReact.reducerComponent("Greeting"); let make = (~name, _children) => { ...component, initialState: () => 0, /* here, state is an `int` */ render: (self) => { let greeting = "Hello " ++ na…
20 фев '18 в 12:41
2 ответа

Выполнение вызова API и обновление состояния, но получение неопределенного

Я делаю вызов API и успешно обновляю состояние. Данные из API выглядят так: { "data": [{"name": string}, {"name":string}, ...] } Я делаю создание API в моем didMount метод жизненного цикла. Просто для тестирования я регистрирую состояние, используя …
09 апр '18 в 18:26