在编写反应代码时在 jsx 中编写 if-else 不起作用。
<div id={if (condition) { 'msg' }}>Hello World!</div>
Run Code Online (Sandbox Code Playgroud)
但是使用三元运算符有效。
<div id={condition ? 'msg' : null}>Hello World!</div>
Run Code Online (Sandbox Code Playgroud)
为什么会这样?
我有一个带有路由器插座的根应用程序组件,并且路由从家庭模块路由加载,这些路由在子路由中使用与loadchildren的延迟加载.在家庭组件中有一个路由器插座,并且在家庭的所有子模块中都有延迟加载的路由器插座.路由工作正常,但子路由也在根路由器插座中加载.例如: - 组件'testCreateComponent'正在加载localhost:4200/test/create以及localhost:4200/create.
示例代码级别如下: -
app.component.html
<div>app</div>
<router-outlet></router-outlet>
Run Code Online (Sandbox Code Playgroud)
APP-routing.module.ts
export const APP_ROUTES: Routes = [
{path: '**', redirectTo: '', pathMatch: 'full'}
];
Run Code Online (Sandbox Code Playgroud)
home.component.html
<div>home</div>
<router-outlet><router-outlet>
Run Code Online (Sandbox Code Playgroud)
家庭routing.module.ts
const routes: Routes = [{
path: '',
component: HomeComponent,
canActivate: [LoggedUserGuard],
canActivateChild: [AuthGuard],
children: [
{path: '', redirectTo: 'dashboard', pathMatch: 'full'},
{
path: 'test',
loadChildren: () => testModule
},
{
path: 'dashboard',
component: DashboardComponent,
data: {
breadcrumb: 'Dashboard'
}
},
{
path: 'dummy',
loadChildren: () => dummyModule,
}
]
}];
Run Code Online (Sandbox Code Playgroud)
testComponent.html
<div>Test</test>
<router-outlet></router-outlet> …Run Code Online (Sandbox Code Playgroud) 我使用开源formsflow.ai版本V4.0.2。这是回购链接。我可以按照说明使用 docker 部署启动并运行 Repo 。
我在 formsflow.ai 中为特定用例创建了一个表单和 BPMN 工作流。BPMN 工作流类似于 formsflow.ai 开源中提供的示例。此工作流包含 4 个状态,例如:新建、已批准、已拒绝和已完成,如下所示。但是当我从客户端提交应用程序时,应用程序历史记录没有被创建。
我不确定这里出了什么问题,任何人都可以帮助我解决问题。可以看到他们提供的示例工作流创建的历史记录,但看不到我的自定义工作流。
angular ×1
bpmn ×1
camunda ×1
formsflow ×1
formsflow.ai ×1
javascript ×1
jsx ×1
react-jsx ×1
reactjs ×1
router ×1
typescript ×1