小编Bom*_*ber的帖子

react-router返回页面如何配置历史记录?

任何人都可以告诉我如何回到上一页而不是特定的路线?

使用此代码时:

var BackButton = React.createClass({

 mixins: [Router.Navigation],
  render: function() {
    return (
        <button
            className="button icon-left"
            onClick={this.navigateBack}>
            Back
        </button>
    );
  },

  navigateBack: function(){
    this.goBack();
  }
});
Run Code Online (Sandbox Code Playgroud)

得到此错误,goBack()被忽略,因为没有路由器历史记录

这是我的路线:

// Routing Components
Route = Router.Route;
RouteHandler = Router.RouteHandler;
DefaultRoute = Router.DefaultRoute;

var routes = (
 <Route name="app" path="/" handler={OurSchoolsApp}>
     <DefaultRoute name="home" handler={HomePage} />
     <Route name="add-school" handler={AddSchoolPage}  />
     <Route name="calendar" handler={CalendarPage}  />
     <Route name="calendar-detail" path="calendar-detail/:id" handler={CalendarDetailPage} />
     <Route name="info-detail" path="info-detail/:id" handler={InfoDetailPage} />
     <Route name="info" handler={InfoPage} />
     <Route name="news" handler={NewsListPage} />
     <Route …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router

94
推荐指数
16
解决办法
21万
查看次数

构建错误域=com.apple.CoreSimulator.SimError,代码=405

我可以在 iOS 15 模拟器上构建,没有任何问题,但在连接到 xcode 13 的 iOS 15 设备上构建时,出现错误:

错误无法在模拟器上启动应用程序,处理命令时遇到错误(domain = com.apple.CoreSimulator.SimError,代码= 405):无法在当前状态下查找:关闭。

有任何想法吗?

安慰:

success Successfully built the app
--- xcodebuild: WARNING: Using the first of multiple matching destinations:
{ platform:iOS Simulator, id:dvtdevice-DVTiOSDeviceSimulatorPlaceholder-iphonesimulator:placeholder, name:Any iOS Simulator Device }
{ platform:iOS Simulator, id:CECA2B5E-D9A0-4A52-8947-BF0838EBEDD6, OS:15.0, name:iPhone 8 }
{ platform:iOS Simulator, id:4B8F148A-C39B-42B8-B982-82759A99BAF9, OS:15.0, name:iPhone 8 Plus }
{ platform:iOS Simulator, id:8853D49D-06EB-4542-AE09-EFD94DC045D6, OS:15.0, name:iPhone 11 }
{ platform:iOS Simulator, id:1F7B80D0-0CFE-4D4F-AF69-260D8F0D785C, OS:15.0, name:iPhone 11 Pro }
{ platform:iOS Simulator, id:7AF2F670-7D7B-4C0D-B1A2-DDD9A8DC0554, OS:15.0, name:iPhone …
Run Code Online (Sandbox Code Playgroud)

xcode react-native

84
推荐指数
7
解决办法
6万
查看次数

承诺错误消息端口在收到响应之前关闭

我刚开始遇到这个错误:

Uncaught (in promise) Objectmessage: "The message port closed before a reponse was received."

在chrome-extension://gppongmhjkpfnbhagpmjfkannfbllamg/js/browser-polyfill.js在这一行:

const makeCallback = promise => {
  return (...callbackArgs) => {
    if (chrome.runtime.lastError) {
      promise.reject(chrome.runtime.lastError); // uncaught in promise
    } else if (callbackArgs.length === 1) {
      promise.resolve(callbackArgs[0]);
    } else {
      promise.resolve(callbackArgs);
    }
  };
};
Run Code Online (Sandbox Code Playgroud)

你知道是什么原因引起的吗?

谢谢

javascript promise

41
推荐指数
3
解决办法
5万
查看次数

承诺错误:对象作为React子项无效

我试图使用用户代理将json设置为一个状态,我得到错误:

Uncaught Invariant Violation:对象无效作为React子对象(找到:带有键{...}的对象).如果您要渲染子集合,请使用数组,或使用React附加组件中的createFragment(object)包装对象.

设置状态的方法:
 getInitialState: function(){
    return {
        arrayFromJson: []
    }
},

loadAssessmentContacts: function() {
    var callback = function(data) {
        this.setState({arrayFromJson: data.schools})
    }.bind(this);

    service.getSchools(callback);
},

componentWillMount: function(){
    this.loadAssessmentContacts();
},

onTableUpdate: function(data){

    console.log(data);

},

render: function() {

    return (
        <span>{this.state.arrayFromJson}</span>
    );
}
Run Code Online (Sandbox Code Playgroud) 服务
getSchools : function (callback) {
        var url = 'file.json';
       request
            .get(url)
            .set('Accept', 'application/json')
            .end(function (err, res) {
                if (res && res.ok) {
                    var data = res.body;
                    callback(data);

                } else {
                    console.warn('Failed to load.');
                }
            });
    }
Run Code Online (Sandbox Code Playgroud) JSON …

superagent reactjs

30
推荐指数
2
解决办法
8万
查看次数

使用react js获取选定的选项文本?

我有我的选择列表组件呈现我的选择列表:

<form className="pure-form">
<select ref="selectMark" className="mark-selector"
 onChange={this.onChange}>{this.getOptions()}
</select>
</form>
Run Code Online (Sandbox Code Playgroud)

我在组件上有一个方法来创建选项:

getOptions: function () {
    return this.props.renderProps.data.map(function (item) {
        return <option key={item.value} value={item.value}>{item.label}</option>;
    }.bind(this));

},
Run Code Online (Sandbox Code Playgroud)

我的onChange方法适用于以下值:

onChange: function(event) {
    var newValue = event.nativeEvent.target.value;
    this.props.renderProps.onSaveCare(newValue);
    this.setState({value: newValue});
    this.toggleEdit();
},
Run Code Online (Sandbox Code Playgroud)

有没有办法可以获得选项文本?这给了我不确定的

event.nativeEvent.target.text; //undefined
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

24
推荐指数
4
解决办法
4万
查看次数

工匠迁移找不到司机

我正在尝试安装Laravel.我已经安装了Xampp,但是当我尝试使用Xampp我设置数据库时出现错误:

[Illuminate\Database\QueryException]找不到驱动程序(SQL:select*from information_schema.tables where table_schema = homestead和table_name = migrations)[PDOException]找不到驱动程序

我的config.database文件具有相关的连接:

'connections' => [

    'sqlite' => [
        'driver' => 'sqlite',
        'database' => env('DB_DATABASE', database_path('database.sqlite')),
        'prefix' => '',
    ],

    'mysql' => [
        'driver' => 'mysql',
        'host' => env('DB_HOST', '127.0.0.1'),
        'port' => env('DB_PORT', '3306'),
        'database' => env('DB_DATABASE', 'forge'),
        'username' => env('DB_USERNAME', 'forge'),
        'password' => env('DB_PASSWORD', ''),
        'unix_socket' => env('DB_SOCKET', ''),
        'charset' => 'utf8mb4',
        'collation' => 'utf8mb4_unicode_ci',
        'prefix' => '',
        'strict' => true,
        'engine' => null,
    ],

    'pgsql' => [
        'driver' => …
Run Code Online (Sandbox Code Playgroud)

php laravel

13
推荐指数
11
解决办法
5万
查看次数

Eslint error, configuration for rule "import/no-cycle" is invalid

Running my lint script "lint": "eslint --ext .js .", gives me this error:

错误:.eslintrc » eslint-config-airbnb » //node_modules/eslint-config-airbnb-base/index.js » //node_modules/eslint-config-airbnb-base/rules/imports.js:规则“导入”的配置/no-cycle" 无效:值 "?" 应该是整数。

包.json:

 "devDependencies": {
    "@babel/core": "7.9.0",
    "@babel/runtime": "7.9.2",
    "@babel/parser": "7.11.5",
    "@react-native-community/eslint-config": "1.0.0",
    "babel-eslint": "10.1.0",
    "babel-jest": "25.2.3",
    "babel-plugin-module-resolver": "4.0.0",
    "babel-preset-react-native": "4.0.1",
    "bluebird": "3.7.2",
    "catharsis": "0.8.11",
    "cross-env": "7.0.2",
    "escape-string-regexp": "2.0.0",
    "eslint": "6.8.0",
    "eslint-config-airbnb": "18.1.0",
    "eslint-config-react-native": "4.0.0",
    "eslint-plugin-import": "2.20.1",
    "eslint-plugin-jsx-a11y": "6.2.3",
    "eslint-plugin-react": "7.19.0",
    "eslint-plugin-react-hooks": "3.0.0",
    "eslint-plugin-react-native": "3.8.1",
    "husky": "4.2.3",
    "jest": "25.2.3",
    "jest-fetch-mock": "3.0.3",
    "jest-junit": "10.0.0",
    "jest-transform-stub": "2.0.0",
    "js2xmlparser": "4.0.1",
    "jsdoc": …
Run Code Online (Sandbox Code Playgroud)

javascript eslint react-native eslint-config-airbnb

12
推荐指数
1
解决办法
9181
查看次数

React router - 在路由上传递道具到子组件

有人可以告诉我最好的方法吗?我想将路由中的页面标题道具传递给我的标题子组件.这是我的路线:

var sampleApp= React.createClass({

render: function (){
    return (
        <div className="our-schools-app">
            <Header />
            <RouteHandler />
            <Footer />
        </div>
    );
},

});

var routes = (
<Route name="app" path="/" handler={OurSchoolsApp}>
    <DefaultRoute name="home" handler={HomePage}  />
    <Route name="add-school" handler={AddSchoolPage}  />
    <Route name="calendar" handler={CalendarPage}  />
    <Route name="calendar-detail" path="calendar-detail/:id" handler={CalendarDetailPage} />
    <Route name="info-detail" path="info-detail/:id" handler={InfoDetailPage} />
    <Route name="info" handler={InfoPage} />
    <Route name="news" handler={NewsListPage} />
    <Route name="news-detail" path="news-detail/:id" handler={NewsDetailPage} />
    <Route name="contacts" handler={ContactPage} />
    <Route name="contact-detail" handler={ContactDetailPage} />
    <Route name="settings" handler={SettingsPage} />
</Route>
);


Router.run(routes, function(Handler){ …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

11
推荐指数
2
解决办法
1万
查看次数

提交后清除reactJs textarea

我在天窗对话框中有以下表单组件,提交后,如果重新打开包含表单的对话框,则它包含先前提交的值.谁能告诉我如何停止这个并在每次打开对话框时清除textarea值?

这是我的组件:

var AddNoteForm = React.createClass({


componentDidMount: function() {

        React.findDOMNode(this.refs.notes).value = "";
},
handleSubmit: function (event) {
    event.preventDefault();

    var notes = React.findDOMNode(this.refs.notes).value;

    var details = {
        studentId: this.props.studentId,
        schoolId: this.props.schoolId,
        notes: notes
    };

    this.props.onSubmit(details);
},

render: function() {
    return (
        <form className="pure-form pure-form-aligned"
            onSubmit={this.handleSubmit}>
            <div className="pure-control-group">
                <label htmlFor="notes">Note</label>
                <textarea ref="notes" id="notes" placeholder="Note..." >
                </textarea>

            </div>
            <div className="pure-controls">
                <input type="submit" value="Save" />
            </div>
        </form>
    );
}
});

module.exports = AddNoteForm;
Run Code Online (Sandbox Code Playgroud)

javascript forms textarea reactjs

11
推荐指数
2
解决办法
2万
查看次数

使用Android的App Center分发时未安装App错误

当我尝试安装下载的SDK时,始终出现此错误。有任何想法吗?

该应用程序可以正确构建和测试。我没有得到详细的错误消息App not installed

如何获得更详细的错误消息?有任何想法吗?

我的第一个版本起作用了,所以我想可能是版本号不匹配。但是,我尝试将数字编码,但仍无法安装:

   defaultConfig {
        applicationId "com.rgcalendar"
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 23
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a", "x86"
        }
    }
Run Code Online (Sandbox Code Playgroud)

android react-native visual-studio-app-center

10
推荐指数
1
解决办法
2931
查看次数