Material UI TextField 中是否有离开该字段或失去焦点的事件？
我需要两个事件，一个用于进入，一个用于离开该领域。进入字段可以使用 处理onFocus，但也有离开字段，即onFocusLost或onUnfocus？以下代码段显示了当前的使用，缺少失去焦点的事件。
<TextField
value={this.state.fieldFirstName}
onChange={(e: any) => this.onChangeFieldFirstName(e.target.value)}
onFocus={() => this.onFocusFieldFirstName()}
/>
使用的版本：
有没有办法直接从 TypeScript 类中执行 Linux 终端命令？这个想法是做类似的事情：
let myTerminal = new LinuxTerminal();
let terminalResult = myTerminal.run("sudo apt-get update");
编辑：
我使用 Angular 通过 Node JS 运行它。
如何运行具有特定Java版本的应用程序？我安装了三个Java版本：
myuser@mysystem:~$ sudo update-alternatives --config java
There are 3 choices for the alternative java (providing /usr/bin/java).
Selection Path Priority Status
------------------------------------------------------------
0 /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java 1081 auto mode
* 1 /opt/jdk-9.0.4/bin/java 1 manual mode
2 /opt/jdk1.8.0_162/bin/java 1 manual mode
3 /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java 1081 manual mode
我将Java 9设置为默认值，我希望保持这种状态。不过，名为的应用程序pdfsam似乎无法在Java 9上正常工作。使用openjdk（选项3）运行该命令需要什么命令？
在 TSX HTML 标签中使用单引号比双引号有什么优势吗？
单引号：
<Table aria-label='simple table'>
...
</Table>
双引号：
<Table aria-label="simple table">
...
</Table>
我有2个Facelets文件(index.xhtml和report.xhtml).我使用RichFaces <ui:include src="report.xhtml"/>将报告加载到索引中.工作良好.但是,当我尝试仅显示某些条件的报告时,我失败了!什么不起作用是这样的:
<ui:include src="report.xhtml" rendered="#{indexService.contentName == 'report'}"/>.
ui:include的呈现属性似乎不起作用.
如何在某些条件下将report.xhtml加载到index.xhtml中？我的代码中的错误在哪里？
编辑:
其中一半现在有效.更改Facelet文件适用于条件.但加载的Facelet的功能无法正常工作.这是为什么？代码中的问题在哪里？
基于我现在的建议:
<h:form>
<h:panelGrid>
<a4j:commandLink value="Home" render="contentpanel" action="#{indexService.setContentName('home')}"/>
<a4j:commandLink value="Report" render="contentpanel" action="#{indexService.setContentName('report')}"/>
</h:panelGrid>
</h:form>
<a4j:outputPanel id="contentpanel">
<ui:fragment rendered="#{indexService.contentName eq 'report'}">
<ui:include src="report.xhtml" />
</ui:fragment>
</a4j:outputPanel>
编辑2:
这是我的报告Facelet.如果我在没有任何条件的情况下使用报告Facelet的功能完美,但如果我使用我在编辑1中发布的条件加载它,那么按钮<rich:panelMenuItem .../>不再起作用并且<h:outputText escape="false" value="#{reportService.content}"/>不加载内容.知道为什么吗？
编辑3:
改变了<rich:panel header="Report">...</rich:panel>,但行为仍未改变.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.org/rich"
xmlns:a4j="http://richfaces.org/a4j">
<ui:composition>
<h:outputStylesheet>
.placesmenu {
width: 200px;
vertical-align: top;
}
.contentplace {
vertical-align: …我正在尝试正确设置 Bootstrap 4 字体大小，以便我的 Web 应用程序在移动设备（如手机或平板电脑）和桌面系统（如安装了 Chrome 或 Firefox 的任何 Linux、Mac、Windows）上看起来不错。现在，无论我在哪里读到响应式排版，手册都在谈论一个简单的过程，但老实说，我发现很难让它看起来像我需要的那样，因为我对 SASS 和 Bootstrap 4 还很陌生。
我从Bootstrap 4 文档中复制了设置，这是我的 Web 应用程序的主 SASS（样式/app.global.scss）文件中的结果：
@import "~bootstrap/scss/bootstrap";
@include media-breakpoint-down(md) {
html {
font-size: 3rem;
}
}
Bootstrap 4 的默认字体大小是<html>元素上的 16px ，这没问题。但在我的手机上（三星 Galaxy s8），由于每平方英寸的像素密度很高，16px 几乎无法读取。所以我把它搬上来了3rem。在此之前，行为符合预期。
但是有一个不需要的副作用，如果我将 MacBook Pro 上的 Chrome 浏览器窗口缩小到比 更小的宽度992px，移动设备的大小就会出现3rem，并且我有很大的字母。
不过，我想实现的是16px在桌面上始终具有相同的字体大小，并且在使浏览器窗口变小时时不要跳转到更大的字体大小。
有没有办法区分移动设备和桌面设备？Bootstrap 4 文档在移动设备和桌面设备上看起来都很棒，如果我将 Chrome 浏览器窗口缩小到更小的宽度，字母仍然保持相同的大小。在 SASS 中有一个特殊的命令吗？
index.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title> …