老师antd 里面的Input组件通过this.refs.style.color无法设置样式

来源:9-6 AntDesign样式框架使用

microzz

2017-02-23

在bodyindex.js 文件中

58ae6f190001bf7e05000124.jpg

58ae6f19000167aa05000029.jpg

antd 里面的Input组件通过this.refs.style.color无法设置样式,换成原生的input就可以。那么如何通过refs修改antd组件的相关东西呢?

写回答

5回答

Parry

2017-02-23

或者将 input 的按钮换成 antd 的 button ,然后直接设置 type 即可。

0
1
microzz
老师,用第一种方法是可以的。但是antd的怎么弄,点击之后一直会报错。能不能具体一点
2017-02-23
共1条回复

Parry

2017-02-23

你可以使用第一种方法,即:

//第一种方式

var mySubmitBotton  = document.getElementById('submitButton');

console.log(mySubmitBotton);

ReactDOM.findDOMNode(mySubmitBotton).style.color = 'red';

0
0

Parry

2017-02-23

你 antd 是不是安装不对,上面有错误提示啊,说 antd 的安装有问题。

0
1
microzz
老师,antd安装是没问题的。只不过是点击这个antd的Input按钮触发的onClick里面的this.refs.style.color有问题。我运行老师的9-6代码,点击那个antd的按钮控制台也会报错,无法修改颜色。怎样才能修改antd的按钮的颜色呢老师
2017-02-23
共1条回复

Parry

2017-02-23

传递过去的是一个按钮?

0
1
microzz
运行9-6的代码点击按钮报错。评论有截图
2017-02-23
共1条回复

microzz

提问者

2017-02-23

是的,老师也是这样写的。运行9-6的代码点击按钮报错。怎样才能设置它的样式?//szimg.mukewang.com/58ae971a0001b5e827301298.jpg

0
0

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程