JsxItem

Item displaying content generated by a React (JSX) component

JsxItem can only be used in React applications.

Configs

7
editor: String | Object= null

Widget type or config to use as the editor for this item. Used in the inline task editor.

JsxItems are un-editable by default.

jsx: function

Function used to generate JSX item content.

Return a React Element (JSX) from the function:

import MyJsxItem from './MyJsxItem.js';

const taskBoard = new TaskBoard({
   bodyItems : {
       prio : {
         type : 'jsx',
         jsx  : ({ taskRecord }) => <MyJsxItem taskRecord={taskRecord} />
       }
   }
});
ParameterTypeDescription
taskRecordTaskModel

Task record

configJsxItemConfig

Item config

valueObject

Value of the configured field

Returns: * -

React Element (JSX)

clsTaskItem
fieldTaskItem
hiddenTaskItem
orderTaskItem
styleTaskItem

Properties

2
isJsxItem: Boolean= truereadonly
Identifies an object as an instance of JsxItem class, or subclass thereof.
isJsxItem: Boolean= truereadonlystatic
Identifies an object as an instance of JsxItem class, or subclass thereof.

Typedefs

1