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

Question

在bodyindex.js 文件中

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

Answer 1

Parry 2017-02-23 22:13:20

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

• 提问者 microzz #1

  老师，用第一种方法是可以的。但是antd的怎么弄，点击之后一直会报错。能不能具体一点

Answer 2

Parry 2017-02-23 22:12:20

你可以使用第一种方法，即：

//第一种方式

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

console.log(mySubmitBotton);

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

Answer 3

Parry 2017-02-23 16:06:25

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

• 提问者 microzz #1

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

Answer 4

Parry 2017-02-23 14:13:11

传递过去的是一个按钮？

• 提问者 microzz #1

  运行9-6的代码点击按钮报错。评论有截图

Answer 5

提问者 microzz 2017-02-23 16:02:53

是的，老师也是这样写的。运行9-6的代码点击按钮报错。怎样才能设置它的样式？