有没有办法实现这样的事情:
d3.select("any-tag").append(<ReactComponent/>)
Run Code Online (Sandbox Code Playgroud) 我在实现 react cookies v^2 时遇到问题。我使用 webpack-dev-server 进行测试。
这是一个结束日志:
警告:失败的上下文类型:上下文cookies在 中标记为必需withCookies(App),但其值为undefined。
在 Provider
中的 withCookies(App)
/App.jsx:
import React, { Component } from 'react';
import { CookiesProvider, withCookies, Cookies} from 'react-cookie'
import {Route, Switch, BrowserRouter} from 'react-router-dom';
//import RequireAuth from './RequireAuth';
import NotFoundPage from './NotFoundPage';
import LandingPage from './LandindPage';
import WorkSpace from './WorkSpace';
import ActivationPage from './ActivationPage';
class App extends Component {
render() {
return (
<CookiesProvider>
<BrowserRouter>
<Switch>
<Route exact={true} path="/" component={LandingPage}/>
<Route path="/workspace" component={WorkSpace}/> …Run Code Online (Sandbox Code Playgroud) 我尝试使用redux-form在react-redux上实现文件上传,但是控制台中有警告和异常:
警告:ConnectedField正在更改要控制的类型文件的不受控制的输入。输入元素不应从不受控制切换为受控制(反之亦然)。确定在组件的使用寿命期间使用受控或不受控制的输入元素。
bundle.js:37467 Uncaught DOMException: Failed to set the 'value' property on
'HTMLInputElement': This input element accepts a filename, which may only be
programmatically set to the empty string.
at Object.updateWrapper (http://localhost:8080/dist/bundle.js:37467:20)
at ReactDOMComponent.updateComponent (http://localhost:8080/dist/bundle.js:36891:23)
at ReactDOMComponent.receiveComponent (http://localhost:8080/dist/bundle.js:36846:10)
at Object.receiveComponent (http://localhost:8080/dist/bundle.js:6247:22)
at ReactCompositeComponentWrapper._updateRenderedComponent (http://localhost:8080/dist/bundle.js:35859:23)
at ReactCompositeComponentWrapper._performComponentUpdate (http://localhost:8080/dist/bundle.js:35829:10)
at ReactCompositeComponentWrapper.updateComponent (http://localhost:8080/dist/bundle.js:35750:12)
at ReactCompositeComponentWrapper.receiveComponent (http://localhost:8080/dist/bundle.js:35652:10)
at Object.receiveComponent (http://localhost:8080/dist/bundle.js:6247:22)
at ReactCompositeComponentWrapper._updateRenderedComponent (http://localhost:8080/dist/bundle.js:35859:23)
Run Code Online (Sandbox Code Playgroud)
这是我组件的代码:
import React,{Component} from 'react';
import {Field, reduxForm} from 'redux-form';
class UploadFileForm extends Component {
onFormSubmit(data) {
console.log(data);
};
render() { …Run Code Online (Sandbox Code Playgroud)