小编Olu*_*ide的帖子

如何通过 prop 将禁用属性添加到反应中的按钮?

我正在反应中创建一个自定义按钮组件。我想根据启用或禁用按钮的值将道具传递给该按钮。

我的问题是 - 仅存在禁用属性就会禁用该元素,因此我无法将其值设置为“false”。即使下面的代码也会禁用该元素

<input type="button" id="myBtn" value="Submit" disabled="" />
Run Code Online (Sandbox Code Playgroud)

我需要完全删除该属性或通过 javascript 设置其属性。

document.getElementById("myBtn").disabled = true;
Run Code Online (Sandbox Code Playgroud)

我的自定义按钮组件是 -

import React from 'react';

const CustomButton = ({ whenClicked, classNames, buttonText, isDisabled }) =>
    (
        <button
            onClick   = {whenClicked}
            className = {`btn ${classNames}`}
            type      = "button"
            disabled  = {isDisabled}
        >
           {buttonText}
        </button>
    );

export default CustomButton;
Run Code Online (Sandbox Code Playgroud)

isDisabled是一个布尔值。

另一件事是,我在使用自定义按钮时丢失了按钮的默认提交行为。现在我总是需要传递一个点击处理程序。有什么办法可以再次实现相同的行为吗?

javascript ecmascript-6 reactjs

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

在 html 中使用 iframe 播放视频

我想播放视频,但只能下载。

这是我的代码:

<iframe src="videos/1.mp4" width="540" height="310"></iframe>
Run Code Online (Sandbox Code Playgroud)

页面加载时的结果是:

加载页面时的图像

如何使用 iframe 而不是 video 标签播放视频?

html video iframe

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

错误消息 - 您需要指定可执行文件的完整路径+ mvc

我正在开发一个MVC项目 - 为了更改默认浏览器,我添加了一个Web表单,右键单击,我更改了默认浏览器,但现在当我尝试运行MVC应用程序时,它会弹出一个错误."你需要指定可执行文件的完整路径"任何人都可以帮我修复它吗?

asp.net-mvc-3

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

react-router-dom BrowserRouter无法导航到具有多个url参数的路径

我有一个问题,我无法导航到路径大于1节的路由,如此使用react-router-dom@4.2.2:此外,这是我有这个问题的回购的Github链接.

https://github.com/ShawnCholeva/React-Typescript-Webpack4-Router

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
//All routes work if I use HashRouter here instead of BrowserRouter

class App extends Component {
    render() {
        return (
            <Router>
                <Switch>
                    <Route exact path='/' component={ Login }/> <--- Works
                    <Route exact path='/accountSetup/:guid?' component={ AccountSetup }/> 
                    ^-- Above works when just '/accountSetup' but fails when I do '/accountSetup/123'
                    <Route component={ NotFound } /> <--- Works
                </Switch>
            </Router>
        );
    } …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack webpack-dev-server react-router-dom webpack-4

0
推荐指数
1
解决办法
1435
查看次数