JsReact如何使用变量进行渲染

Question

我使用react js在我正在构建的页面上呈现html类名。 以下是我的代码，

收集数据并存储在变量中

whats_the_status = this.props.data.is_user_profile ? 111 : 222;

prem_member += this.props.data.premium_member > 0 ? 'positive' : 
this.props.data.premium_member < 0 ? 'negative' : '';
temp_memeber = this.props.data.given_one_day.value ? "+1" : "";

temp_or_premium = whats_the_status == 111 ? '{ className:' + prem_member + '}' : whats_the_status == 222 ? 'null, ' + 11 + ',' : '';

使用之前的变量

进行渲染

_react2.default.createElement(
 'span',

 temp_or_premium,
 )

上面的变量“temp_or_premium”是在html中打印类名或值的内容。但问题是，它没有加载类名或值。相反，我在我的HTML

中得到以下其中一个

“未确定的正面”
OR
“未确定否定”
或
“未确定无效11 ”

提前致谢！