React错误行18:Style prop值必须是object React/Style prop对象

style={{float: 'left'}}

问题是你作为一个 String 而不是 Object . React希望您以对象表示法传递样式:

style={{ float:`left` }}  // Object literal notation

const divStyle = {
  margin: '40px',
  border: '5px solid pink'
};

<div style={divStyle}>   // Passing style as an object

看到了吗 documentation for more info

style={{'align-self':'flex-end'}} 

您可能会看到一条警告“不支持的样式属性自对齐”。你的意思是“alignSelf?”,但是样式被正确地复制到生成的html中 align-self: flex-end; .

doc :

这个 风格 骆驼壳地产( style={{float: 'left'}} 而不是一个 CSS字符串( style="float: left" . 这与DOM风格的JavaScript属性一致,效率更高

所以你应该这样写:

<img src={myImageSource} alt="swimmer" height="300" width="300" style={{float: 'left'}} />

在style类和值之前和之后添加'。

您可以在react中编写内联样式 style={{float: 'left'}}

const imgStyle = {
  margin: '10px',
  border: '1px solid #ccc',
  float: 'left',
  height: '300px',
  width: '300px'
};

<div className="container">
         <img src={imgStyle} alt="swimmer" />
         <p> This is where the other text goes about the swimmer</p>
 </div>

<div className="container">
   <img src={myImageSource} alt="swimmer" height="300" width="300" **style={{align:'left'}}** />
   <p> This is where the other text goes about the swimmer</p>
 </div>