老师您好，我现在写到点击搜索按钮后，状态改变了，然后按钮也变为关闭了，但是他仍然在输入框的下面，试了col-8和col-4但是也没有用，依旧是两行，，

			{ inputActive &&
                <div className = "row">
                    <input 
                        className = "form-control col-8"
                        value = {value}
                        onChange = {(event) => { setValue(event.target.value) }}
                    />
                    <button
                        type = "button"
                        className = "btn btn-primary col-4"
                        onClick = {() => { setInputActive(false) }}
                    >
                    关闭
                    </button>
                </div>
            }

依赖的版本：

  "dependencies": {
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "bootstrap": "^5.0.2",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3",
    "web-vitals": "^1.1.2"
  },
  "devDependencies": {
    "concurrently": "^6.2.0",
    "cross-env": "^7.0.3",
    "electron": "^13.1.7",
    "electron-is-dev": "^2.0.0",
    "wait-on": "^6.0.0"
  }