小编Adr*_*ine的帖子

我正在尝试实现一个非常简单的用例,一个UI功能,其中:

1. 有一个标签,里面有一些内容
2. 如果单击,则文本输入会将其替换为可用标签的内容
3. 用户可以编辑内容
4. 按下Enter键后,输入隐藏和标签将返回更新的内容

我终于可以得到所有正确的(事实上有一个MongoBD后端,redux等),而且我唯一不能做的事情(在谷歌上搜索完整的一天并阅读SOF类似帖子)是这样的:

当我的文字输入出现时,我无法将焦点转移到它!首先我累了这样:

<div className={((this.state.toggleWordEdit) ? '' : 'hidden')}>
<input id={this.props.word._id} className="form-control"
        ref="updateTheWord" 
        defaultValue={this.state.word}
        onChange={this.handleChange}
        onKeyPress={this.handleSubmit}
        autoFocus={this.state.toggleWordEdit}/></div>
    <div className={((this.state.toggleWordEdit) ? 'hidden' : '')}>
      <h3 onClick={this.updateWord}>
        {this.state.word}</h3>
    </div>

但是autoFocus肯定不起作用(我"猜"因为表单被渲染,但是处于隐藏状态,使得autoFocus无用).

接下来我尝试了我的this.updateWor,我在google和SOF上找到了很多建议:

this.refs.updateTheWord.focus();

这些以及类似的建议都没有奏效.我也试图欺骗React只是为了看看我能做些什么!我使用真正的DOM:

    const x = document.getElementById(this.props.word._id);
    x.focus();

它也没用.我甚至无法理解的一件事是这样的建议: 将ref作为一种方法(我"猜测") 我甚至没有尝试过,因为我有这些组件的倍数,我需要ref进一步获得价值对于每个组件,我无法想象如果我的引用没有命名,我怎么能得到它的价值!

那么请你提出一个想法,帮助我理解,如果我没有使用Form(因为我需要一个输入框替换标签),当我的CSS(Bootstrap)类正在丢失时,如何设置它的焦点？隐藏'拜托？

当我在路径上遇到**时,我正在阅读Stack Overflow上的内容,例如:

src/js/**/*.js

我只是想问一下,用一个单词"递归"是适合这个,所以最后准备这个"everydir recursive"为"**"并感觉我终于理解了,拜托？!

使用免费的AWS轮胎，我可以使用GUI创建实例，然后单击“实例”菜单即可看到它。我正在使用AWS了解Docker。昨天，我从命令行使用docker-machine远程创建了我的第一个实例。我期望我可以在EC2控制台中找到它作为常规实例，但是在那里找不到任何相关实例。谁能告诉我它在AWS面板中的位置吗？

我想创建您在图片中看到的这种布局，并且我认为CSS的负边距没有结果。请帮我实现它。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomeActivity">
    <TextView
    android:id="@+id/txt_home_title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/box"
    android:elegantTextHeight="true"
    android:padding="30dp"
    android:text="Welcome!"
    android:textColor="#ffffff"
    android:textSize="28sp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />
<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="20dp">
    <ImageView
        android:id="@+id/home_logo"
        android:layout_width="90dp"
        android:layout_height="80dp"
        android:scaleType="fitCenter"
        android:src="@drawable/mylogo" />
</FrameLayout>
</android.support.constraint.ConstraintLayout>

这是盒子：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#2d3669"></solid>
            <corners android:radius="50dp"></corners>
            <gradient android:angle="90"
                android:startColor="#392800"
                android:endColor="#faae03"/>
        </shape>
    </item>
</selector>

我知道ConstraintLayout如何使物品彼此靠近，但是我不知道如何将原木放到木头上，TextView使一半留在外面！我在Google上找不到导致此类示例的关键字。