大佬教程收集整理的这篇文章主要介绍了在 reactstrap 标签中设置 material-ui 图标,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我很难将 material-ui 图标与我的标签和输入对齐。
private static IserviceProvIDer Createservices()
{
// var connectionString = ""; grab your connection String
return new serviceCollection()
.AddFluentMigratorCore()
.ConfigureRunner(rb => rb
.AddsqlServer2016()
.WithGlobalConnectionString(connectionString)
.WithMigrationsIn(this.assembly))
.AddLogging(lb => lb.AddFluentMigratorConsole())
.AddSingleton<ILoggerProvIDer,LogfileFluentMigratorLoggerProvIDer>()
.Configure<LogfileFluentMigratorLoggerOptions>(
opt =>
{
opt.outputfilename = "C:\\TEMP\\DatabaseMigration.sql";
opt.outputGobetweenStatements = true;
opt.Showsql = true;
})
.buildserviceProvIDer(false);
}
我的自定义标签渲染方法
<div classname="row">
<div classname="col-sm-2">
<FormGroup classname="mr-10 mb-10">
<Label for="moveOutDate" classname="mr-sm-10">Move Out Date</Label>
<DatePicker name="moveOutDate" ID="moveOutDate"
value={formData.moveOutDatE} onChange={(E) => setFormData({...formData,moveOutDate: e ? moment(E).format('YYYY-MM-DD') : ''})}
/>
</FormGroup>
</div>
<div classname="col-sm-4">
<FormGroup classname="mr-10 mb-10">
<Label for="moveOutReason" classname="mr-sm-10">{moveOutReasonLabel()}</Label>
<input type="SELEct" name="moveOutReason" ID="moveOutReason"
value={formData.SELEctedMoveOutReason} onChange={(E) => setFormData({...formData,SELEctedMoveOutReason: e.target.value})}
>
<option value="0">SELEct</option>
{moveOutReason.map((obj) => {
return (
<option
key={obj.MoveOutReasonID}
value={obj.MoveOutReasonID}
>
{obj.MoveOutReason}
</option>
);
})}
</input>
</FormGroup>
</div>
</div>
一切都呈现得很好,但没有对齐(下图)。如果我删除 const moveOutReasonLabel = () => {
return (
<>
Move Out Reason: {' '}
<Iconbutton
aria-label="Print"
onClick={() => {
alert('test');
}}
style={{Color: 'blue'}}
>
<AddCircLeoutline />
</Iconbutton>
</>
);
}
,两个标签/输入将对齐。
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的在 reactstrap 标签中设置 material-ui 图标全部内容,希望文章能够帮你解决在 reactstrap 标签中设置 material-ui 图标所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。