Question

我已经在Header类中声明了一个状态。但是我无法使用{this.state.characters}来检索该状态。请帮我解决。

class Header extends React.Component{
    state={
        characters: [
            {
                'name': 'sakthi'
            }
        ]
    };
    render(){
        var style1={
            color:'#9876[enter image description here][1]56'
        }
    return(
        <div>
            <h1>Hello World !!</h1>
            <h4 style={style1}>{this.state.characters}</h4>
        </div>
    );
}
}

“ sakthi”应打印在我的屏幕上。

Answer 1

this.state.characters是一个对象数组，React无法知道如何打印或要打印哪个属性。因此，相反，您应该使用map函数遍历数组并定义您希望的样子

return(
  <div>
    <h1>Hello World !!</h1>
    {
      this.state.characters
        .map(x => (<h4 style={style1}>{x.name}</h4>))
    }
  </div>
);

Answer 2

您应该像呈现JSX数组那样表示对象数组（import torch import torch.nn.functional as F # K N H W x_t = torch.randn( 10, 5, 5) x_k = torch.randn( 3, 10, 5, 5) x_broadcasted = x_t.expand_as(x_k) loss = F.kl_div(x_t, x_k, reduction="none") # or "batchmean", or there are many options）：

this.state.characters

我无法检索状态。检查此代码和我的输出

2 个答案: