如何更改antd中Upload.Dragger的高度？

Question

我使用的是antd-3.22.0和react 16.3.2。我想将Upload.Dragger的高度设置为45px。

我已经尝试过通过将style={{height:"45px"}}放在拖拽工具中来设置拖拽工具的高度，我也尝试过将拖拽工具包装在一个div中，并为该div提供高度，但不起作用。

<Upload.Dragger style={{height:'45px'}}>
     <p className="ant-upload-text">Browse or drag file</p>
</Upload.Dragger>

Answer 1

您应该为Dragger封装的内容提供高度，因为它将采用其中内容的高度。

<Upload.Dragger>
    <p className="ant-upload-text" style={{height: "85px"}}>Browse or drag file</p>
</Upload.Dragger>

包装拖拽将不起作用，因为您没有设置拖拽组件的高度，而是将其封装在另一个特定高度的div中。

Answer 2

包装器是

const UploadWrapper = styled.div`
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
`;