反应处理同时单击和模糊事件

时间:2019-05-08 13:32:40

标签: javascript html reactjs

我有一个带有onClick事件的按钮和一个带有onBlur事件的输入。我只需要在onClick完成后才触发onBlur事件。我无法使用setTimeout,因为onBlur中的功能依赖于按钮按下后更改的状态

所需结果:

<button onClick={//fire first and set state} />
<input onBlur={//fire after and rely on state} />

是否有办法使这些事件同步触发?

1 个答案:

答案 0 :(得分:0)

是的

您可以对按钮使用setState()调用,使用其回调来触发模糊:

flatten_parameters()

在按钮修改状态之后,它将调用blurInput()方法。在其中执行一些小的javascript来引起模糊,即

# Includes the autoloader for libraries installed with composer
require __DIR__ . '/vendor/autoload.php';

# Imports the Google Cloud client library
use Google\Cloud\Translate\TranslateClient;

# Your Google Cloud Platform project ID
$projectId = 'YOUR_PROJECT_ID';

# Instantiates a client
$translate = new TranslateClient([
'projectId' => $projectId
]);

# The text to translate
$text = 'Hello, world!';
# The target language
$target = 'ru';

# Translates some text into Russian
$translation = $translate->translate($text, [
   'target' => $target
]);

echo 'Text: ' . $text . '
Translation: ' . $translation['text'];

然后从您的问题的文本开始。请注意,如果您执行命令,它将是同步而不是异步。