v7.3.0

JsxItem

Item displaying content generated by a React (JSX) component

JsxItem can only be used in React applications.

No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class

editor : String/Objectnull

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} />
       }
   }
});
```
Parameters
- taskRecord : TaskModel
  
  Task record
- config : JsxItemConfig
  
  Item config
- value : Object
  
  Value of the configured field
Returns

*
:

React Element (JSX)

Properties

Properties are getters/setters or publicly accessible variables on this class

isJsxItem : Booleantrue

READONLY

static

ADVANCED

Identifies an object as an instance of JsxItem class, or subclass thereof.

isJsxItem : Booleantrue

READONLY

ADVANCED

Identifies an object as an instance of JsxItem class, or subclass thereof.

type: jsx

Source path

TaskBoard/view/item/JsxItem.js

Inheritance tree2

Contents