小编FE_*_*ict的帖子

我在我的React应用程序中使用antd设计.

这是我面临问题的代码片段:

<Select
     showSearch
     optionFilterProp = "children"
     placeholder = "Select Company"
     value = "{this.state.company}"
     name = "company"
     onSelect = "{this.handleCompanyChange}"
    >

现在它显示正确的值,如果this.state.company不是null.但如果this.state.company是,empty或者null占位符没有出现.

如何解决此问题,以便占位符出现,如果value为null？

我正在开发一个使用 React+Redux 并用于axios进行 api 调用的应用程序。

这是一个失败的调用示例：

axios.post(`${API_ROOT}${FIND_USER}${currentUserID}`, {
        headers: {
                'Authorization': token
        },
      })
    .then((response) => {
        console.log("Sucess")
    })

当我看到的请求网址network是这样的：

http://domainName:8080/users/findUser/1234

API 调用OPTIONS本身失败，我从后端收到的错误是

Response for preflight has invalid HTTP status code 403

它永远不会达到POST。

token是从 检索到的localstorage，类似于Bearer eyJhbGci...。

后端开发人员正在使用 Java 和 Spring 。

我调用 API 的方式是否有问题，或者这个问题应该在后端解决？

通过 Postman 测试时，这个 API 工作得很好。

我在我的 React 应用程序中使用 antd design。我注意到 antd design 模态在打开时闪烁。

有什么办法可以解决这个问题吗？

我按照https://ant.design/components/modal/的说明进行操作

我没有这方面的代码笔，但我已经按照以下方式编写了所有模态，并且我正在使用 antd design 的 css。

          <Modal
          visible={visible}
          title="Title"
          onOk={this.handleOk}
          onCancel={this.handleCancel}
          footer={[
            <Button key="back" size="large" onClick={this.handleCancel}>Return</Button>,
            <Button key="submit" type="primary" size="large" loading={loading} onClick={this.handleOk}>
              Submit
            </Button>,
          ]}
        >
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
          <p>Some contents...</p>
        </Modal>

我create-react-app用来构建应用程序，当我运行npm run build时，它会在内部创建带有静态文件夹的build文件夹。

build-> static

但是，当我在build文件夹中看到index.html文件时，资产的路径/static不是/build/static，这就是为什么页面缺少资产导致无法正确加载的原因。

我可以做些配置设置来解决此问题吗？

我将在我的项目中使用Semantic-UI-React,但我遇到了以下问题:

文档链接:https://react.semantic-ui.com/usage#css

1. 文档说支持webpack 1但不推荐.我正在使用随Webpack版本1.14.0一起提供的Create React App.这是否意味着我不应该使用Semantic-UI-ReactCRA？

2. 对于样式,我也想在我的项目中使用一些自定义样式,所以我选择Semantic UI了文档中提到的第三个包选项.. npm install semantic-ui --save-dev在gulp内部运行并创建一个semantic文件夹.但是dist文档中没有提到文件夹.我应该semantic.min.css在index.js文件中引用哪条路径？

我基本上是试图利用Semantic-UI-React与semantic.min.css一些我自己的在它之上的风格.但似乎我在设置中犯了一些错误.另一个选择可能是继续Semantic UI CSS包裹？...但根据文档,我将无法使用此方法使用自定义样式.

我在这里有点困惑,请帮忙:)