小编Rob*_*bok的帖子

我需要创建一个以下结构:

|                                         |
| [item][item][item]          [item][item]|
|                                         |

里面有5件物品.它们都垂直对齐到中间.3个第一元件向左拉,最后2个元件向右拉.

我知道我可以使用浮子,但它有几个缺点,包括麻烦的垂直对齐.

我决定使用flexbox,结果更方便灵活.此外,它更具响应性.

现在我的问题是,我可以在flexbox中分发这样的元素吗？理想情况下,这5个元素中的每一个都是flexbox项目.但是我如何告诉flexbox将那些3拉向左边,将那些2拉到右边？我认为添加空元素来填充空间并不是最好的主意.

这是可行的还是我需要像这样做？

|                                         |
| [      item      ]          [   item   ]|
|                                         |

每个项目中是否包含所需的元素,或者甚至可能是单独的flexbox？

Xcode通过隐式展开产生出口作为弱变量,如下所示:

@IBOutlet weak var nameTextField: UITextField!

我想知道它为什么不只是制作onowned var,在我的理解中 - 行为完全相同,但保持类型不可选.这两者有什么区别吗？

weak var foo: UITextField!
unowned var foo: UITextField

我想让我的文本输入在较短的一边有圆边，这是垂直的一边。我需要的效果是这样的：

如果我使用border-radius: 50%;，这使绳索完全变圆，我会得到这个：

效果我需要能够通过提供一些随机大批来实现border-radius，这就是我所做的：border-radius: 9999px;。

有没有更好的方法，不涉及假数字？

假设我想根据单击的按钮呈现不同的子组件：

import { useState } from 'react';

const Bold = ({ text }) => (
    <b>{text}</b>
);

const Italic = ({ text }) => (
    <i>{text}</i>
);

export default function App() {
    const [Component, setComponent] = useState();

    return (
        <>
            <button onClick={() => setComponent(Bold)}>
                Bold
            </button>
            <button
                onClick={() => setComponent(Italic)}
            >
                Italic
            </button>
            {Component && (
                <Component text="I love  more than life!" />
            )}
        </>
    );
}

我非常确定这会起作用 - 我将状态项设置为组件的功能并渲染它。但它会抛出一个错误：

未捕获的类型错误：无法解构“_ref”的属性“文本”，因为它未定义。

我检查了它是否可以在子组件中没有任何道具的情况下工作，但是不行 - 当没有道具时它会给出另一个错误：

警告：React.jsx：类型无效——需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：。您是否不小心导出了 JSX 文字而不是组件？

我不太明白为什么会发生这种情况，但我找到了解决方法。而不是像这样直接设置我的状态值：

<button onClick={() …

当用户执行操作太快(泛滥)或垃圾邮件时,哪种HTTP状态最合适？我相信它是4XX系列之一,但是哪一个？