我们如何在react js中进行JSX样式

Question

errorClr不起作用，我将错误传递给它并声明 在渲染中，我已经

const { error }=this.state;
const  {errorClr}={style:{color : {error}}}; // this doesnt work the way?

<div className="col-8" {...errorClr}>Please enter valid data</div>

颜色属性无法反映。我没有执行 setstate 。我们是否可以做 {style：{color：{error}}} 这样的事情？还有什么其他办法？ 样式未应用。

Answer 1

您应该这样写：

static

Answer 2

使用

const  {errorClr}={style:{color : {error}}};

您正试图从对象errorClr破坏{style:{color : {error}}}，该对象显然不存在。您应该写

const  errorClr = {style:{ color :  error }};

Working demo

或者您可以简单地写

<div className="col-8" style={{color:error}}>Please enter valid data</div>