我正在反应中创建一个自定义按钮组件。我想根据启用或禁用按钮的值将道具传递给该按钮。
我的问题是 - 仅存在禁用属性就会禁用该元素,因此我无法将其值设置为“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是一个布尔值。
另一件事是,我在使用自定义按钮时丢失了按钮的默认提交行为。现在我总是需要传递一个点击处理程序。有什么办法可以再次实现相同的行为吗?
我想播放视频,但只能下载。
这是我的代码:
<iframe src="videos/1.mp4" width="540" height="310"></iframe>
Run Code Online (Sandbox Code Playgroud)
页面加载时的结果是:
如何使用 iframe 而不是 video 标签播放视频?
我正在开发一个MVC项目 - 为了更改默认浏览器,我添加了一个Web表单,右键单击,我更改了默认浏览器,但现在当我尝试运行MVC应用程序时,它会弹出一个错误."你需要指定可执行文件的完整路径"任何人都可以帮我修复它吗?
我有一个问题,我无法导航到路径大于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