Display ReactElement in dimensions.

[Distil62]

Hello,

I'm trying to display a React Element in my dimension row but it don't work.
Like that

var dimensions = 
[
		{ title: "Type de gravier", value: function (row) { return row.data.materialName } },
		{
			title: "état", value: function (row) {
				var res;
				if (row.data.state == "good") {
					res = React.createElement("div", {className: "1stClass"}, <div></div>)
				}
				else {
					res = React.createElement("div", { className: "2ndClass" }, <div></div>)
				}
				console.log(res);
				return res;
			}
		},
]

how can i do that ?
Thank

[suriya]

In

react-pivot/lib/pivot-table.jsx

Line 132 in 8ee1abc

<span dangerouslySetInnerHTML={{__html: text || ''}}></span> {solo}

changing the code to

<span>{text || ''}</span> {solo}

allows the user to render any react element. Instead of returning a string, the template key in the dimension's specification can return an actual React element.

@davidguttman Is this a change that you would be interested in doing? This would likely be a backwards-incompatible change.

[davidguttman]

Yep, this would be great, but I'm pretty sure we could handle both, right?