如何在ReactJS中的onKeyPress事件中检测到'Shift + Enter'键盘组合？

如何在ReactJS的onKeyPress事件中检测到'Shift + Enter'？这是否可能？[链接](https://jsfiddle.net/jacobgoh101/cyLqfcts/3/)

class App extends React.Component {
  constructor(props) {
    super(props);
    this.handleKeyPress = this.handleKeyPress.bind(this);
  }
  handleKeyPress(e) {
    console.log(e.key);
    $('#app').append("" + e.key);
  }
  render() {
    return (
          );
  }
}
ReactDOM.render(<App/>, document.getElementById('app'));
</pre>
<p>
															</div>
							<div class="scisco-sq-comments">
								<apcomments id="comments-473700" class="have-comments"></apcomments>							</div>
						</div>
						<div class="scisco-sq-vote"><div id="vote_473700" class="ap-vote net-vote" ap-vote="{"post_id":473700,"active":"","net":0,"__nonce":"82cc2ae02a"}"><a class="apicon-thumb-up ap-tip vote-up" href="#" title="投票支持这个帖子" ap="vote_up"></a><span class="net-vote-count" data-view="ap-net-vote" itemprop="upvoteCount" ap="votes_net">0</span><a data-tipposition="bottom center" class="apicon-thumb-down ap-tip vote-down" href="#" title="对此文章投反对票" ap="vote_down"></a></div></div>
					</div>
				</div>
<!--                --><!--                <span class="to-yw"><a target="_blank" rel="nofollow" href="--><!--">跳转到原文</a></span>-->
			</div>

			
			<apanswersw style="display:none">

	<div id="ap-answers-c">
		<div class="ap-sorting-tab clearfix">
			<h3 class="ap-answers-label ap-pull-left" ap="answers_count_t">
				<span itemprop="answerCount">0</span>
				答案			</h3>

			<ul id="answers-order" class="ap-answers-tab ap-ul-inline clearfix"><li class="active"><a href="https://it.jidaohang.com/question/473700/?order_by=active#answers-order">活跃</a></li><li><a href="https://it.jidaohang.com/question/473700/?order_by=voted#answers-order">已投票</a></li><li><a href="https://it.jidaohang.com/question/473700/?order_by=newest#answers-order">最新</a></li><li><a href="https://it.jidaohang.com/question/473700/?order_by=oldest#answers-order">最老的</a></li></ul>		</div>

		
		<div id="answers">
			<apanswers>
							</apanswers>

		</div>

			</div>
</apanswersw>



		<div class="scisco-login-form">
		<form name="loginform" id="loginform" action="https://it.jidaohang.com/wp-login.php" method="post"><p class="login-username">
				<label for="user_login">用户名或电子邮箱地址</label>
				<input type="text" name="log" id="user_login" autocomplete="username" class="input" value="" size="20" />
			</p><p class="login-password">
				<label for="user_pass">密码</label>
				<input type="password" name="pwd" id="user_pass" autocomplete="current-password" spellcheck="false" class="input" value="" size="20" />
			</p><p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="登录" />
				<input type="hidden" name="redirect_to" value="https://it.jidaohang.com/question/473700/" />
			</p></form>		<ul class="scisco-login-form-links">
			    
			<li>
				<a href="https://it.jidaohang.com/wp-login.php?action=register">注册</a>
			</li>
			    
			<li>
				<a href="https://it.jidaohang.com/wp-login.php?action=lostpassword">Lost Password</a>
			</li>
		</ul>
	</div>
            <div class="related-questions">
                                <div id="question-68317" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/68317/" rel="bookmark" title="如何在ReactJS中处理 `onKeyPress` 事件？">如何在ReactJS中处理 `onKeyPress` 事件？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182167" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182167/" rel="bookmark" title="如何在文本输入框上按下回车键时触发一个函数（React）">如何在文本输入框上按下回车键时触发一个函数（React）</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182173" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182173/" rel="bookmark" title="如何在React.js中触发keypress事件">如何在React.js中触发keypress事件</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-303430" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/303430/" rel="bookmark" title="ReactJS - 有没有办法在<input/>内按下'Enter'键触发一个方法？">ReactJS - 有没有办法在<input/>内按下'Enter'键触发一个方法？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-171507" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/171507/" rel="bookmark" title="React合成事件：如何捕获按下Enter键？">React合成事件：如何捕获按下Enter键？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182166" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182166/" rel="bookmark" title="在React中，如何在按下回车键时获取TextField的值？">在React中，如何在按下回车键时获取TextField的值？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-294699" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/294699/" rel="bookmark" title="React的onKeyPress事件无法检测到退格键。">React的onKeyPress事件无法检测到退格键。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-171505" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/171505/" rel="bookmark" title="如何在React JS中实现当按下回车键时的onChange事件">如何在React JS中实现当按下回车键时的onChange事件</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-509709" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/509709/" rel="bookmark" title="在React.js中，通过单击回车键触发onblur事件。">在React.js中，通过单击回车键触发onblur事件。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182169" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182169/" rel="bookmark" title="为什么在使用 onKeyPress 时无法更新状态">为什么在使用 onKeyPress 时无法更新状态</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-457466" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/457466/" rel="bookmark" title="在Vue.js中处理回车键">在Vue.js中处理回车键</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-178095" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/178095/" rel="bookmark" title="React keypress事件仅采用初始状态的值，而不是更新后的值。">React keypress事件仅采用初始状态的值，而不是更新后的值。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182175" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182175/" rel="bookmark" title="当按下回车键时，React js 调用一个函数。">当按下回车键时，React js 调用一个函数。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-254510" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/254510/" rel="bookmark" title="如何在React中实现用户按下“Enter”键进行搜索的功能？">如何在React中实现用户按下“Enter”键进行搜索的功能？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-182174" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/182174/" rel="bookmark" title="在React.js中的键绑定。">在React.js中的键绑定。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-278554" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/278554/" rel="bookmark" title="React无法在事件处理程序中访问类作用域">React无法在事件处理程序中访问类作用域</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-171503" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/171503/" rel="bookmark" title="使用React和TypeScript为输入元素创建一个键盘处理程序。">使用React和TypeScript为输入元素创建一个键盘处理程序。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-462057" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/462057/" rel="bookmark" title="当在输入框内按下回车键时，React会阻止表单的提交。">当在输入框内按下回车键时，React会阻止表单的提交。</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-461077" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/461077/" rel="bookmark" title="如何在javascript中检测Shift +键按下？">如何在javascript中检测Shift +键按下？</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-457209" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/457209/" rel="bookmark" title="如何在React中检测Esc键按下并处理它">如何在React中检测Esc键按下并处理它</a>
                                </span>
                                <div class="ap-display-question-meta">

                                </div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                </div>
		</div>
				<aside class="col-12 col-xl-3 mt-5 mt-xl-0">
			<div class="ap-question-info">
				<div id="ap_search_widget-2" class="ap-widget-pos widget_ap_search_widget">
<form id="ap-search-form" class="ap-search-form" action="https://it.jidaohang.com/">
    <div class="input-group">
	<input type="text" class="form-control autocomplete-questions" placeholder="搜索问题..." name="s" />
	<input type="hidden" name="post_type" value="question" />
        <div class="input-group-append"> 
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </div>
    </div>
</form>
</div>			</div>
		</aside>
		
	</div>
</div>
</div>            <div class="clearfix"></div>
            </div>
</main>

<div class="clearfix"></div>
<footer id="scisco-footer">
            <div id="footer-widgets">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-lg-4 mb-5 mb-lg-0">
    <div id="media_image-1" class="widget_media_image scisco-widget"><img width="482" height="128" src="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png" class="image wp-image-10050 scisco-footer-logo attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png 482w, https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929-300x80.png 300w" sizes="(max-width: 482px) 100vw, 482px" /></div><div id="text-2" class="widget_text scisco-widget">			<div class="textwidget"><p>Lorem ipsum dolor sit amet, libero adipiscing elit. Donec et lacus ut quam ullamcorper aliquet id et sem. Neque tincidunt, ac pulvinar metus.</p>
<p><a href="https://smartsqa.com">smartsqa</a></p>
</div>
		</div></div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0">
    </div>
<div class="col-12 col-lg-4">
    </div>
 
            </div>
        </div>
    </div>
                <div id="scisco-footer-bottom">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                                        <p>Copyright 2023 | <a href="http://www.beian.miit.gov.cn">浙ICP备19008543号-1</a></p>                                    </div>
                <div class="col-12 col-md-6 mt-3 mt-md-0">
                                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    </footer>
</div>
<div id="scisco-gototop" data-toggle="tooltip" data-placement="top" title="Go to Top">
    <i class="fas fa-arrow-up"></i>
</div>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/jquery/jquery.form.min.js" id="jquery-form-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/underscore.min.js" id="underscore-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/backbone.min.js" id="backbone-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/lib/selectize.min.js" id="selectize-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/common.js" id="anspress-common-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/question.js" id="anspress-question-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/ask.js" id="anspress-ask-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/list.js" id="anspress-list-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/notifications.js" id="anspress-notifications-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/templates/js/theme.js" id="anspress-theme-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shCore.js" id="syntaxhighlighter-core-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shAutoloader.js" id="syntaxhighlighter-autoloader-js"></script>
<script type="text/javascript" id="syntaxhighlighter-js-before">
/* <![CDATA[ */
			aplang = aplang||{};
			aplang.shLanguage = '语言';
			aplang.shInline = '是内联的吗？';
			aplang.shTxtPlholder = '在此处插入代码段...';
			aplang.shButton = '插入编辑器';
			aplang.shTitle = '插入代码';

			window.apBrushPath = "https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/";
		
/* ]]> */
</script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/addons/syntaxhighlighter/script.js" id="syntaxhighlighter-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/themes/scisco/js/popper.min.js" id="popper-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/themes/scisco/js/bootstrap.min.js" id="bootstrap-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/themes/scisco/js/smart-menu.js" id="smart-menu-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/themes/scisco/js/egemenerd-grid.js" id="egemenerd-grid-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/themes/scisco/js/custom.js" id="scisco-custom-js"></script>
<script type="text/javascript" src="https://zz.bdstatic.com/linksubmit/push.js" id="baidu_zz_push-js"></script>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?2d885967fd3d558a813e204302f07ff5";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
</body>
</html>