Javascript 如何在react JS中增加td标签中输入字段的宽度

我在react引导表中有以下表单控件

<Table responsive striped bordered hover>
            <thead>
                <tr>
                    <th>#</th>
                    {Object.keys(tableData[0]).map((header, index) => (
                        <th key={index}>{header} </th>
                    ))}
                </tr>
            </thead>
            <tbody>
                {tableData.map((data, index) => (
                    <tr key={index}>
                        <td>{index + 1}</td>
                        <td>
                            {<FormControl
                                placeholder="Username"
                                aria-label="Username"
                                aria-describedby="basic-addon1"
                                value={data.Date}
                            />}
                        </td>
                        <td>{data['Long/Short']}</td>
                   
                    </tr>
                ))}

            </tbody>
        </Table>
    </Container>

#
{Object.keys（tableData[0]）.map（（头，索引）=>(
{header}
))}
{tableData.map（（数据，索引）=>(
{index+1}
{}
{data['Long/Short']}
))}

它呈现如下

---

我尝试过使用

style={{width:“200px”}

设置td-tag、th-tag和FormControl-tag的宽度，但没有效果，请告诉我我这里缺少什么

您可以尝试添加CSS规则：

td input[type='text'] {
min-width: 150px
}

---

也许可以尝试

.importantRule{width:200px！important；}

并将

className='importantRule'

添加到组件中？感谢您的回复，但仍然没有更改。感谢您的回复，但仍然没有更改。