使用 flex css 样式时的自定义控件宽度

Question

我自定义的控件有一个文本框和文本框旁边的图标

return (
  <div className="useFlex">
    <TextInput></TextInput>
    <div>
      <Icon></Icon>
    </div>
  </div>
);

风格

.useFlex {
  display: flex;
}

效果很好

但问题是：当我在我的页面中使用这个自定义控件时，文本框宽度没有得到扩展并且它保持固定。

<Table width="100%">
   <tr>
      <td><MyCustomControl> </MyCustomControl></td>
   </tr>
</Table>

你能告诉我我在这里缺少什么吗？

Answer 1

尝试添加

.useFlex
{
   display:flex;
   flex-grow: 1;
}